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1 JavaScript 

JavaScript - ^rfiitLpaib 


JavaScript <oT<diu^] epQT) <5 6 sf)/j/_//_!_/_ filrjsvrrda QiDtTLfl ®«r>z_u_/( 7 g/. £g) 0 / html ld/d^ld 
java Qurrsirir) G)L£>rTLfi}&(§fT,i_6$i uiuemu^i^^uui^ud interpreted rffrj<svrrd& 

Qlditl^ ^(fFjLD. (ormQsu ^j^&rxmd 3 >(du&,(D(&) (yisirsKrrj ' sreiihu soSIlSIsv HTML * 

67g0//j) L/<5<5<95<5«f)<5 tJ,G$T(3j U 6l5)/_ 61//_0. ^uQurT^J^fTSST 2_/5/<S6W<Sli> ^)/5<g/j L/<5^<95<5^)(5li) 
)l_LD Quron^mm <3]6$)G$T{£G$)3)U-\Lb JrSV LI LD fT3nj Q<S/76Y7W (Lp L^LLj LD. 


<&Q5 Client side scripting language ^(^id. ^i^rrsu^j sussxso^^sn^ssi^u 

uiu6iru($)d>g,u Qurr^id uujsst 0 l« Q^m^rfi-I Q^rrshsu < 5 /D 0 d)/D[53) Qumifil. IE, 
chrome, firefox (SurrsirrD <3)6$)G5id,3)] 2-<svrT<5)dla6i?lGViLb £g) 0 / d]puurr^d G)&uj6Vu®Lb. 
Javascript <5njQurr^]Lb HTML program-657 6^0 l /0 £ 5 ) u_//t<s (3 61 / 2_svrrs)d3ii^d(^ 
^r$(^g;uu(jb)£d,Lju(jb)Lti. ^<svfTsdi3,<sviLb 6^0 HTML program QurrsvQeu 

£g) iud(&)Lb. (ormQsv ^j^/oGlaisiT^j ^sisfliurr^ 6^0 ^s^ldul/ (Lp&n/oGujrT, Q&lSIuli 
(Lps^fDQujrr Qs$)i_ujrr&)i. 

UL^eu^s^^u Lj,ijd>§>l Q&iuiLjLb uiusmrfjisir ^smi—udev tspQjj Qurr^^rrssxssr 
Q&rrQdigjLbQurrQfBrr ^svsv^j ^ssismuidlssKSsr Q^rT^d^LbQurrQ^rr, sjQ^rr s^ssr^j 
rffsajpid 61/ ss) <s ud Gsv (3 uj Javascript-^/, <oTuQurr^]Lb < 5 T(Lpg,uu(jb)Lb. ^^rrsu^j 

uniSKTrj&sh rffaiLp^^jid edlsi^iudwisnrTaiQsiJ ^ss )/_d/i//_d. <ormQsiJ Animation, 

Multimedia QuirssirD ^i—rhi&Giflsv Qurfl&jLb uiLridiuQbLb. 
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JavaScript -<dr ^<ss)lduli 

<script> tag-<s 57 /j<oak/_/<g 5 is)T/ 7 <o 37 language, type ^LpsvLb [bld^] javascript-^^^/ html 
Qz_o/ 7 y$){iy/_<o 57 ^\6S)6md3^uuQ]QfD§]. £g)/ 5<5 <SCript>-®£> html-si) 677EV0 
(SsusmC^LDnemnsviLD uuj6$iu(Ti)3,&,<sonLb. Qun&jsuna, <head>-< 950 <s)T ^nsmuu(^Lb. 
&Lpd3,6$$TL_ <arQ]^^]d^niLi^<sb <body>-«0SY7- uiuetruQpgliqshGsfTmh. 

<s £0 eurrddhu^^l&sim QsusrilLju(B)^^]Gu^fD3irTm javascript rffrjev iShsirsuQ^LDrTru 
sv) ldll/ld. ^)[e>&> rfi[T<5v><sv gedit < 5 ii><si 0 / notepad- 6 v) <otq-p^i spojj html program-®*) 

<oT6U6iirrgp Q&LSluGurrQLDrr<3]6ii6iirrQ(D ^i^ssxssuLjLt C o&Lfildg; Qsusm^Lb . 


(Sample.html) 


<htnl> 

<body> 

<script language="javascript" type="text/javascript"> 
<!-- 

document.write("This book will teach you about 
JavaScript!") 

//--> 

</script> 

</body> 

</html> 


HTML-«v uLp<oS) ld iun &st u ££) u /_/* sfTi<sv language =,, javascript” 
type="text/javascript" <oTgn/<i> uemLi^&sismLjLb Qsusriluu&fii—UjrTad G)3,rr($]d3, 

G>Gilstfsr(j))LD. ^uQurTffj^rrssT ^evrreiShurTsm^i javascript -<ojrDrru Q&iuevuQidi. 

^pssinsb &,[f)Gun6$)&,uj u^JuLi^eiflsv (XHTML LDjnrpjLb £g)650u_/(/J)<30/ 6UfB^ssi6u) 
type="text/javascript" <oTgn/<i> <s ^0 uemiSl&si&n Lmd(^LD Ql&rrQfBiBrrsb Qurr^iLDfT&n^i. 
Language <orap//_o usmiSl&sim Q&rrQd&'fB Q^&sieuuSlsv&sisv. 
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^9/(p^<5L/^_UJf7<S <SCript> "<950(5 YT Q<95/7(J)<95<95 (3<SUSmLS).UJ 6l5)(StyU_//EV<95ff)T ^SS)SST^SS)^lL\Lb 

<oT3,[D&,rTg, <!— LDro^j ld //-> (oTgn/i-0 0/r5)t^(5)<95(SY5<950(51T Q&fTQd)^ ff)T(3(SWLO <oT<5mu(l}&, filhl&STT 
(LpdShuLDrrai^ QfBfilrsg] Qamshm Qsusm(^)Lb. £g)«rxsi/ ^jijsm^ud s^0 iSlsjrevfTLdi—d&idgirTm 

(comment) G)&,ni_d3,Lb ldjd^jld (Lpi±G)S)6$)65id (&)rr5ld(&,Lb @d)lirf(jbi&6YT ^(^ld. ^sv^ldiuld 
javascript-g) ^ss)t_iuiTsnid asm® Q&rTmmd) Q^fhurr^ ^svrrsdlsi&iflsv £g)<90S5)<95UJ 

rffrjsvsisrT^jUjrhJ^LdiQurT^i, 2 _svrrsfiku msm^] 0 LpidiS) <ojQ&)rr <5<si//py STgn/fi) Q&iudblsmu 
QeusrrlLju(^^^]L£i. £g)0/(3si/ ^ss)suGhusb(MrTLb <s^0 iSlssrss)indi_d (^(Sludid^d^sn 

Gl3>rr(§\da,ijuL-Lq-([i)Lji5l6$T javascript-®*) LirfldfftiQgjmsrrm (LpL^iurrsdlLdi^rrsviLb, s ^0 

iSlG$TG$)indi_Lb toTsiru&D^Lj Luflrsd}] Qarrsm® ^^fD(^sh 2_shensufD6S)fDLj ntDd&Gsrfl^&j lES?/ 
2_shsnsufDss)iT) Q&iusbuQfB&jLb. OT<557(5si9^f7<s57 javascript rff rjsv rr&sr^] <oTU (5 urr&j Z _0 
iShsinsvmdi—d (gjrSludLLQd^srT Q 3 ,rr(^ds,iju(^]Q(D§ t i. 

C§LDfo<sj<oSSTi _program-®*) browser-si) dblfod^id G)un(Lg^j iSlevrGUirijLDniQ] SH6$)L£>S>][D§)]. 


This book will teach you about JavaScript' 
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2 Variables & Operators in Javascript 


Variables 

Javascript-<a> ^shm variable-^swg/ (Lp&,<sv rffsmsvd) &,rj<sij suss)3,^snnssi (primitive 
data types) srsm^sh, srQ^^^jd^sh LDfDiQjLb true', 'false' stsstu^j Gunsirp Boolean 

LD G$ /_}/_/< 95 6$)GtT G&lSld^Lb SU<SV<SV<31DLD G)g,nS$$TI_§]. GlD^JLD Null LDfDQJLD Undefined 

srsiru^] Gurrsirp iSlp rffsDsvp pusy suss)3,s,ss)smnLb ^pfildi^Lb. 


Variable Declaration & Initialization 

Javascript-si) ^shsrr <£>($ variable-^s37g/ STCLgppid&srr, srsm&sh LDppjLD p&LD srsm&srr 
Gurrsirp sfilpumm prjsy&smsmLiLb prrs$rrra,Gsu ^SDi—iurrsmb &sm® Q^rrsn^LD. 

iSIid Qumiflasiflcsv (prfluiSJQsup] Gurrssrpj int, flot, String srssrQpsvsvnLb 
GlsuerfluusDi—iurTgid Q&rr<sv<svp Gp&DsuuSlsvsDsv. 


^pnrjsssnh’. 


<html> 

<body> 

<script type = "text/javascript"> 

<! - - 

var salary; 

salary="25000.00"; 

var age = 29 , nane='Nithya'; 

document.write(salary,"<br/>",name,"-",age) 

//--> 

</script> 

</body> 

</html> 
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<^t(5<5/7S^0 (^rfluiSl /_!_/_ LD§)UlSl6$)65I{f, (25000.00) gnthl&U (j}UIT(&)Lb <S£0 QUIT^JSU[TSST 
siv/T/rajss®*® (salary) variable <o7w/rj j Quujrf. (oresiQsu <oT[b <g Gunrfj£6v>g,6mu rsmi) 
variable-^s/j uuj65iu($)d,&,u QurrSiQromD <oT6$iugs)&, {ifissia^Ldi^Quj suffisfildg, 
<3susm(^)Lb. ^^]Qsu variable declaration* <5Lmuu(^Lb (var salary), ^si/si/mpy 

< 3 lll!)l<sfild&ULJlJ-L- variable-*® OTff® LD^IUl 3 <SS)SSI GULfifhl&U QunSlQpnLD <oT 65 IU 6 $) 3 ,d 

iS)®id Q&iu&£&(&) variable initialization* <o7w/py Quuj/7(salary=**25000.00). 
s ^0 variable-^* <sn$G)S\d(3 ) LbGunG&, L£>^lui3ss)ssnnd} GULpihi&sonri) (var 

age=29). Gldg£ild 6p<5vrir)]d(&)Lb Qld[dulLl_ variable-*«rxsyr spGrr QrBrj^^lsv [BLDLorrsv 
^//r5)<si5]**siy/_o, LD^hjq^ssxsrr si/ip/ 6 y*siy/_o (Lpuj-iL /ld (var age = 29, name='Nithya';). 


document.write() <o7wz_/®/ s>J6$)i_UDid(&)r$d(3 ) Gh Qg,n($)dg,ULi(Ti)Lb 

s)5\s)^ujthjs,ss)sn QsuerrluSlL _ 2 _< 56 i//_o. £g)/57® <jy<o5)/_/j/_/*0/)5)*0<o)T 

(salary,*’<br/>*' ( name,**-",age) <otsstqj Q*/7@**uuL^-0fj/_®/7<si>, salary-^ 
ld §)1 UL/ld, <br/> tag-^,<s370y cursor-^* sufid^ ^i&niuiSi name-« 

LD§)}U<5V)LJLL-ILD, Hyphen 67gp//i) (^rfllrfldemi—lLILb, age _ <o57 LD$£)USS)UIL/LD 

Qsusdiuu(^]^^liLfsnsn^i. 


loLmQsU Output iSlsiTGlJQljLDrTirU ^ &S)LDlLjLD 


25000.00 

Nithya -29 
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Local vs Global Variables 

sn(j))d,&>uLanina spGrr variable -®0 QsusijQsuqj suss)3,ujnssi ld^Iuli^ssisyt 
(oTsvs^svsmuu QurrrQitb&j njLbLDn&v Gu<sinrjujrriid& (LpL^iLfLCi. iSlmeu^Lb ^^rrijsm^^lev 

Salary ( oTssiild variable-.®^ 6^0 LD^uiSlssism (25000.00) ^srrl^^ishQsnnLb. iSleirsKTrf 
< 3 lG {5 variable- gc> 6^0 Flinction-® 0 (o)T uiussiuQd,^, QsufQj <s ^0 LD^luiSiesxssi 
(50000.00) ^iSfTl^^ishQsnnu). ^jsijsurT^j epQTj tdrfluj <oT<sbssxsoujnssi Flinction-<s 0 <siT 

GU<5v>rrujrryd&uu®Lb variable-^ ld^Iuli ^j^sir <or<sbssxsod(^shQsnQuj (Lpi^fB^j G&($iLb. 

&) (oft) (o$T ffflTLD "Local variables" (salary=50000.00) (oT (oft irni c®i. fT)l C p(qU fTLD . { o77Z><i5 S£>0 
<oT<sbss)<sod(^)Sb{§fT)Lb )svsvitldsv Qun^jsuna, 3^nsmuuQ)uss)su " Global variables” 
(salary=25000.00) ^($lL. 


<htnl> 

<body onload = checkscope();> 

<script type="text/javascript"> 

<! - - 

var salary=25000.00; 
document.write(salary); 
function checkscope( ) 

{ 

var salary = "50000.00"; 
document.write(salary); 

} 

//--> 

</script> 

</body> 

</html> 
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^)/570 document.writeO qpgvld sa[ary-sir ld^iuiSIs^s^ Qsue/Huu^i^^jLDn^j 
function-<®0 2_<syK3<smr/LD, QsusuflQiuiLiLb G]3^nQ]^§]sbQsnmi>. ^ssinsb function-<950 
2-6n(J>6rT 2-GYT6YT SUjfl Z_OzJ_(pLO Q&UJ6VU (5)<30/j U /_!_(£) 50000.00 67gn/L0 LD^lLnSlGSXSST 
Qsusifluui^i^^lLLishisrT^j. <oruQun^jLb spQrj variable £g)0(zp<o5)/D 
uiussiuQ]^^,uulLi^(j^ul 3 ssi, loca 1-^/0 ^9/<o5)/_D<s<a/j/j/J_L variable-^ ld^IuQu 

(Lp&)6$TG$)LD QuqijLb. 


loTmQsU Output iShsiTSUQ^LDrTQJ <3)6$)LDlLILb'. 

50000 00 


Reserved Words 

<s£0 §}<so sun(j&,G$)&,&GS)GfT (eg: export, final, long) rBLDLonsv variable-^* sn$G>S\dg, 

( LpL^iurr gy. tpQmsirjDrrsv GumsirjD surrrf^6S)^3ii^d(^ ^tsstGIsstsstsst m^luLiaush 

(oreiru&D^ )avascr\pt-^ 2-($sijrTd£)iu<5ijrf3;Gm fiiuuSlpg] < si 5 ) l _ z _< js 7 / t . ^ssxsuQuj 

■Reserved Keywords’ <or&nuu(^Lb. ^]^<dr uidu^iusv LShsmsutr^Lonru'. 


abstract 

else 

instanceof 

switch 

boolean 

enum 

int 

synchronized 

break 

export 

interface 

this 

byte 

extends 

long 

throw 

case 

false 

native 

throws 

catch 

final 

new 

transient 

char 

finally 

null 

true 

class 

float 

package 

try 
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const 

for 

private 

continue 

function 

protected 

debugger 

goto 

public 

default 

if 

return 

delete 

implements 

short 

do 

import 

static 

double 

in 

super 


typeof 

var 

void 

volatile 

while 

with 


16 



3 Operators 


Operator stsst/ditsv ^lud^usurr srssrrr}j Qurrqijm. 0< s /7(5)<95< s / jz _//_!_/_ LD^luLiaissisnu 
Qu/orudGlsirTsm (J), ^^sst lE&j s^q^dlsv Q&iusvurrQgissim Q&svid&i, rsLcd^ Gsussstl^uj 
g,g;su6vg;ss>sn QsusrfluuQ^gtiLb Gsussisvssnu Q^iuusuQ^d^ operator stsstqj Quiurf. 

Javascript-^ arithmetic, comparison, logical, conditional, typeof, assignment 

Gurrm/D ugvGsuiqj sussiauurrssr operators 2-Sytsytsst. 


dLpd&r rsssii Lb program-si) ^gsxsstjb&j suss ><s operator- 3,sftissr Q^iusvurT^lau^Lb spQjj 
G&rjd Q&rrQd&ijuL-QsrTsn&j. 


<htnl> 

<body> 

<script type="text/javascript"> 

<! - - 

var a = 100; 
var b = 40; 

document.write("Arithmetic - "); 
document.write(a%b); 
document.write("<br />"); 

document.write("Comparison - "); 
document.write(a<b); 
document.write("<br />"); 

document.write("Logical - "); 
document.write(((b<=100)&&(a>=100))); 
document.write("<br />"); 
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document.write("Conditional - "); 
document.wrlte((a > b) ? a : b); 
document.write("<br />"); 

document.write("typeof - "); 

document.write(typeof a=="string" ? "The value is 
string" : "The value is not a string"); 

document.write("<br />"); 

document.write("Assignment - "); 
document.write((a -= b)); 
document.write("<br />"); 

//--> 

</script> 

</body> 

</html> 


$]3)GST Output iSlSSTSUQ^LDrTQj'. 


Arithmetic - 20 

Comparison - false 

Logical - true 

Conditional - 100 

typeof - The value is not a string 

Assignment - 60 


^uQurr&fi Qldtd&gsstl- program- d&rrGsr <95^«n^tr/LD, s^sijQeurTQ^ gugs)S, 

operator-^ d(Lgid guq^ld ^GSiGSTd,^] gSI^ldttgst (^rSludt^i^GrrlGST Q & uj gv u tt® a gst Gnu-iid 

iSlGST6U (77j LDIT/Q] <9 >fTGSSTSVTTLD . GlDTD&GSSTL- PTOg T3 IT|-<51 l) dOCU me I"! t.WH te() GTGSlILD 

surflsmu dQip QarrQd&LjuL-QshmGijrTiriJ LDrrrod)) LDTTrorfl ^tuddl urrrjdais^Lti. 


Arithmetic Operators 

<g£\{£GST d>Lp S1/0LD aLflg&V, QuQTjdaiGV, GU(&,f53,GV GT GST Q GST GST GST Q&lUlLjLb GTGSTUg] 

2_[hia(!sri)d(l}& Q^fiiLjLD. G±)&gs)ii_gst G&rfd&i Modulus (%), lncrement(++), 
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Decrement (—) gtg^ild 3 gugsis, (&)$lu!j(]fg,Gh 2 -GnGHGSi. % gtgstu^j ^)rjGm(jf gtgsst&gsigh 

61/00061) ®«f>/_<950/_O lS^IGSIUJ ( 9 ) GU Gif U LI (7)1 LC). ++ GTG5TLJ&j] Q<95/T(5)<95<95/j/_//_!_/_ 

GTS msmi l—GST 6^0 GTG$5TG$)G$5T3, gm-L-Lq-lLILD, - GTG5TU 0/ Q <95/7(5) <95 <95 L7/_//_!_/_ GL&SS TGSUI I GST 6£0 

GTGmGDGmd < 957 ^ 00/70 061 / 6 $/_}/_/( 5 ) 00 / 70 . 


Arithmetic Operators 

document. write(a+b) 

140 

document, write(a-b) 

60 

document, write) a*b) 

4000 

document. write(a/b) 

2.5 

document. write(a%b) 

20 

document, write)++a) 

101 

document, write)—b) 

39 


Comparison Operators 

^[JGm® GTG$$T&>G$1GfT GpUlSkGQf <3jGU JD £}]&(&) GYT GL&j] O/_/$/7/0/ ( >), §)(£>)uj§] (<), ^TO TO/76S70/ 

(==), ^tot/S) 6060/700/ (!=), gtgsiu§] Gurresrp ^gugv^&dgyt G) gu Gif uu (§)&,&, ^^gl/ld. (>=) 

67657L/0/ £FLD LD ITGST^J ^GVGV^J QufllU^J GTGST/Q]LD, (<=) 67657TJ0/ £FLDLDITGST3j] ^/GVGV^J ^flfOluj^J 
GTGSTQJLD QunQTjGrruQLb. £|)0657 GlGUGffuunQf GTuGun^JLD 2_G$$TGS)LD (tXlie), GlUITlU 
( False) GTGVtlLD ^[JGmQf LD §)l U L/<3> GtSI GItG ILI G)urfjlff(TI)d@Lb. 


Comparison Operators 

document, writeja == b) 

FALSE 

document, write) a !=b) 

TRUE 

document, write) a>b) 

TRUE 

document, write) a<b) 

FALSE 

document, write) a>=b) 

TRUE 

document, write) a<=b) 

FALSE 


Logical (or Relational) Operators 

£g)0/ 2_GmG$1LD, Qurnu GTG51I LD 2 LD^I U L/3iGIS1GfL G$> LI L?(Tf Gl&lLUUU UUJGSTU® ®0)0/. && 
GjtLuSll _L7/_/(J)®<o37ff) ^9/<o5)<o3700//_D 2_63T76!f>T0 GTGSTUGS >0 0 61/6$/_}/_/(5)0^637/760 LDlG^GlD, 

^) 0 /Sl//_O 2_633765)T0 GLGSTU&Sig, Gl 61/6$ LJU @00/TO. !! G^LIlSlL _77/_/(5) TJ 65) 61/<9> 6 $ 60 GjG&, GUILD 

G^mrSlm GlGUGifuurr (5) 2 -GmG$)LD gtgstqj £g)000/76O &h iL £g) 0 / 6 i//_o S-Gustguld gtgstugs >0 

GlGUGlfuu(jft5$5l GSlQlLD. ! 67657770/ Gl GU Gif LJ U (^1 LD 6$65)L_ 2-GS&LG51 LDUJ IT3i £g) 0 LJ iSl GST Q U rTlU 
6TG5TIT}]LD, QumUUJrT3i ^(VjU lSlG5T 2_GmGS)LD GTG5TJQJLD LDntD(f)l GlGUGlf LJU @00/TO. 
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Logical Operators 

document. write( ((b<=100) &&( a>=100))) 

TRUE 

document.write!((b<=100) | |(a<=100))) 

TRUE 

document, write)! ((b<=100) &&( a>=100))) 

FALSE 


Assignment Operators 

= 6 T 65 TU^J SUSVULIPLD ^(tTjd(&)Lb LD§)IUiSl 65 ) 651 , ^jl^UqpLD 2_6Y7W V3 Ti0 b le-<950 

GULp[hi§>lG)S)($)Lb. b=40 <oT<o57ffy s£0 variable 3,n6S5ruuL±65i, a=b 6T65id G]3^nQ)d(^LbQun§], 
d~65T LD^luq 40 6T65T LD H ($1 6)S) ($) U>. lS)65T65Trf d + = b 6T65ld G)&n®d(&)LD(]>U /70/ , <^7®<5<537(3SI/ 3" 
60 QsfrsfT 40 6T65)ILD LD^lljq, b"SL) 2_<SY7W 40-<5iy/_«j7 *iLLUUL(J) B-6ST LOCULI 80 6T65T 

LDndfIs&QLb. a-=b (oTssid QarTQd^LbGungf] 8 O-si 5 ) 0 ^^y 40 &Lfld&uuLd® LSemQiD B-ssr 
ldS^uli 40 ~d( 3<s si//5^ysi5)(5)i_D. £g) uGurr gy lSIsstsu^ld 2_^rTfj655T^6S)^ij urrrj^^rrsv 

g-rd&mrrGsvGuj LjflrB^] Q&rrmm (LpL^iLjLD. 


Assignment Operators 

document.write(a = b) 

40 

document, write! a+=b) 

80 

document. write(a-=b) 

40 

document, write! a*=b) 

1600 

document. write(a/=b) 

40 

document, write! a%=b) 

0 


Miscellaneous Operator 

Conditional (or ternary) Operators (a > b) ? a : b 6T65tu^j Q^rr^s^ssrs^uj 

Q&uj&j, <3 QsusifluurT® 2_6m6S)iD <6 tsst ^q^uiSlesr, ?-<950 <3i®d)3)i ^shm 

LD §)l U iSl 65)65TIL/ LD, QUITILI 6T65T ^(VjUlS)65T <3][5g, LD§}lLJ iSl ff )0 <^>/(/))<9>0/ 2-6YT6YT LD ^1U iSl 65) 65T ILj ID 

Gl 6 U 6 rrlLju(^^^]Lb. 


(typeoF a=="string" ? "xxx": 'yyy")i stwl 0 / 6^q^ variable-si) ld^ulSisst 

6U65)3i65)UJ Q&rr&)65)65T65)UJ Q&IU&J, <3]{565T Q6U6lflUUfT(jf 2_655T65)LD 6T65T iSl65T, ?"<950 

<3l(jf{5£)] 2—6YT6YT LD§>lUiSl65)65TUJLD, QUITILI 6T65T £g) (f^UlS)65T ^[53, LD§ilUl3ff) 0 2-6YT6n 

ld §)i id iSl65) 65T iL-i ld G) 6u 6ifi u u ® £&,] ld .. ^i^n6u^j s ^0 va ria ble-^«$ 70 / "number", "string", 

"Boolean", "object", "Function", "undeFined" Qu fT65TJT) data 6U6S)3>d)(<ofL)L _ 65T 

<S£ U iSl L_ LJ U (jf ® JD 0/ . 
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Miscellaneous Operators 

document.write((a >b) ? a : b) 

100 

document.write(typeof a=="string" ? "The value is string": 
"The value is not a string"); 

The value is not a string 


4 Conditional and Looping Statements in 
javascript 


Conditional statements 

s£0 variable-si) G^L^d^uuLdQishsn ld^iuuttsst^] usvQsu^j T^lu^ssxssT^GsnrrQi 

<spuiSli_uu®L£i. spsijQsijrTQT) rflur5g,GmmtLiLt) usvGsurry susmaiurrm rffaiLpsi^ans^md 

Q<S/7<S5k^_0<950LD. 6£ LJ /_S)i_ LJ U ($) SlffSTfD LD §)l U U IT GIST &j] <oT[5f5 r£l U [B^6 S)&StGuJ TT® 

e^^^juGurrSlpG^rr, ^i&<s&)I<5v>i_uj Tff&LfisfilevxsvT rff^Lp^^jid Q&m6Vid(&, If...Else LDpiryLb 
switch_case Gurrmro conditional statements uudmu^iSimroesr. 

If...Else 

/_5)«j7si/0z_d ^^rrrrem^^lsv age <oTgn//-Q variable-si) g_ GTT6H Lodluq 1 8 (ld&gv 21 si/«n/7 
^)0u/_5)«j7"Legally fit for marriage" st&vuld surrdSiuj^s^^iuLb, 21 -®r> ©5)z_ 
^(fjjrBisrT&v "Legally and Medically fit" sr&niLp Gurrd§>iujd,G$)&,inLb, Gsu^j <ottb^ 
LD^luurra, ^jcjhd^usviLb "Not fit for marriage" <orsstiLb su ndSluj^s^^LL/LD 

GlsusdhjuQl^^iLDrrgn Q&rrQd&LjuL-QsrTGfT&j. 


<S £0 If...Else G&n3}6$) SSTuSlsb (oTuGu TT3j] LD if, else if, else <oT6$)l LD 3 GU6$)&>UJ TTSST 
G&rT&,6$)6ST3,6$)GfT <95l_z_/7u_//_d Q&rrQdg, GsusmQni} (otsstqj ^sudhuLS]<sb<ssxso. If ldlGQGld 

G)&rr($)d,3)] spQjj G&rT&,<s$)6STini_6$T rff^j^^ldQ^mshisfTsviTLb. lf-siy/_<oW G^rf^^j Els Q-^il/ld 
Q&ttQtb&j ^rrsm® G&rrfBGSKSSTU-ii—GST rff^j^^ldQairTehsnsvrTLti. usvGsu^j G&rr&)G$)G$Tg>G$)6n 
rffaiLp^ <ol5) 0 LDiSlS5TITSV else if -^LpSVLD GsUSSSTl^UJ <oTG$$T6$rfldG$)g,uS!<sb G&TT&>6$)SST < 9 > SS)STT 
G&TjTBgjdQgiTTsmGi—iLiLb Q^svsvsvmd. 
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<html> 

<body> 

<script type="text/javascript"> 

<! - - 

var age = 24; 

if((age >= 18) && (age <= 21)){document.write("Legally 
fit for marriage");} 

else if( age > 21 ){document.write("Legally and 
Medically fit for marriage");} 

else{document.write("Not fit for marriage");} 

//--> 

</script> 

</body> 

</html> 


^j^sir Output iShsirsuQ^LDrT^j'. 


Legally and Medically fit 


Switch Case 

iSl<o$i guQT)ld ^^rrrrsm^^lGV Switch- (^rfluiS )/_!_/_ ld^iuiS]gs)gsi^ (II) < 5 nrhiSliL/shGifT 

variable (grade) Q&nQd&ULndQGnGfrg)]. ^axsirdLp ^6rT6nCdSQ-d(^<sh u<svQ<suru 
LDtd)uLi&((srijLb <3jg,ing;nm G)GU<sifluun(^^(^Lb Q&nQd&ULnLQshGfTGSi. Switch-<s@s)T 

2 _<sy 7 w variable- sir LD^luunGsi§] CdSQ-d(^m 2 _<sy 7 w ld^Iuli^^i^gst spuiSli—UULd®, <oT[B <5 
LD^luqi^GST sp^^iuQurrSlpQ^n (case 'll'), ^^fD^nssi QsuGdluunLdi^GsxGsi ("Pretty 
good”) gu<o$)3>uj nssi Q&lugv u[Brnd ugvQguqj Else IF *iL 

LlUJ6iTU(j))d)f5GVrTLt}. £g)<o5)61/ ^USmL^fD^Lb 2_6rT6fT S^Qrj <sp(ljj Gfil^tBllLJrT&Ld <oTG$TG$rGl6UG$f}6b 

Swtich Case-^«J 7 ^y spGrr 5^0 Variable-«J 7 ld^iuiS]gs)gsi ldl2(^)Qld usvGguiq] 
W$Uq&(^l—<5VTGpUlSl($ILb] Else IF- 5 ^«j 7 ^y<S 0 Z_D (3z_D/r3L/L_/_ Variable-< 95 (S!f)iSY 7 

^)(S5)<o3W<50/ L/sfOsi/ffy i_D $§)/_}/_/<95 (6y7>Z_<o57 6pUlS)®L£i. 
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<html> 

<body> 

<script type="text/javascript"> 

<! -- 

var grade='II 1 ; 
switch (grade) 

{ 

case 'I 1 : document.write("Good job");break; 
case 'II': document.write("Pretty good");break; 
case 'III': document.write("Passed");break; 
case 'IV': document.write("Not so good");break; 
case 'V': document.write("Failed");break; 
default: document.write("Grade is not valid") 

} 

//--> 

</script> 

</body> 

</html> 


£g)<5<s57 Output iSlsirsu 0i_D/7/ry: 


Pretty ^ood 
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5 Looping statements 


<s £0 0 /? 5 )zj/_S)/J_z_ filrjsv Q^m^ui^ssxssi lEssstQld lEssstQld g)u_/< 950 si 0 /D 0 while, for 
Qunssiff)<oS)su uujssiuQ)S]ssi[dssi. ^jssisu ^rjsm($)Lb (Lp^sSlsc s^tr^ variable-sw 
S>ii^-UUG$)i_u5l<sb condition-^* susShqrypgjw. i3 65i sup SUIT) &, Condition Qumuiurr^Lb 

6U<55)[J variable- S5T LD^UlSl65)65T 6pSuQsUIT65TprT3i <3l§(}&lflULjg,65T ^LpSVLD &rLprD&)(55UU 
0 su rrd 0 S) ssjtd S5T. 

While & Do while loop 

g)^i)<si> while LDpriiLb do while argn/fi) ggjrrsm® suss)3,3^sh 2_sbsns5i. 

dipds><o55Tl _ (oT^l^^jd^rndL^SV X-^SSI&J While _ <SW Q&msbunLdL^GSXSSI Sl 5 )s)T<S 0 S 10 i /D 0 LO, y- 

^ssr^j do while-<SOT (ol&iusbumdi^Gsxssi S)S)snd(^su^fD(^Lb uujssiuLdQudrsn^]. ^)«nsi/ 
^ijsmQdt&jLd (LpfseSlsv 0 otct/lo ld^Iul/ suLprdanjuLd^ehsn^]. 

While loop: g) 0 y X- sir LD^luq 1 0-<s 0 z_o (&)65>insuns, ^(r^d^Lbsussirj ji/aiLUL/a 
0 /r 5 )<s 0 sv 7 '{ } 2 —SUsnsud)ss)(D G) & uj sou® £§!§>}/Dgy. (Lp^&Slev NumbenO stsstu 0 / 

QeusrfJuu(^)d]ir)^l. iSlsirssrij X++ <oTssru 0 / X-sot z_d^)/_}/_//_ sot 1 -go <j >/(/))<30 

3rLp(D!d)GS)lud, ^1JSS5T(^]Q[D^]. <oTS5tGsU <- 9 /(/J)<g <5 ^Lprod]uSl<SV, Nurnbenl STSOT/_ 0 /LO 
QsusrfluuQLb. STuQurr^] X-sot ld^bIu /_/ 1 0-go ^uQurr^] c gv«n/_/j/_/<g 5 

0/r5)<s0SY7'{ } 2_snsnsu(DSS)(D Q&iLKSvuQ^prTLDGV 3rLprDdJ(55nu rflrrypgjd.lin&tj. 

Do while loop: do-sOTsi/<g G)g,rTi_rjr53f] <oTS5TS5T Q&ujGVuQjBg, GsusmQGLDir, ^65)&, 
(Lp^&Shsv G)&n($)d,3)] si5)l_ Gsusmi^ud. <3i&,65i iSls5TS5Tr} condition su&SliLi^j^^uu(^Lb. 

g)/5/0 ^SOTLLVL/.® 0/)5)<S0SOT { } l>_ SOTSOTSOT SL/ )/~ SOT LD^lULI S~d(^LD 0SOT/D SU /T<35 g)0<950Z_O 
SI !SS)fJ Gl&UJ&VU(j))d)3)LjU(j))§jl65Tjr)65T. g)SOTSI/ g)/TS<5OT(/))L0 UfT[jUU3,ID 0 SpGtJ LCiIT§)I[flUJIT3i 
(^(-Jhd&rTSVILb, < 3 J£565T Q&lU6V(Lp<55)ir)u5l6V (UsuryU®£)65TJD65T. 
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While (Lp3)&Sl(si) G&rrgj&n&sr Qunq^rB^jSl^^n stsstu urnjd)^], lSIsstsstij 

^evi—uqd^ifid^m2_«h«fTGij/n<5v>rD Q^iusvui^i^^jsu^nsv "Entry control loop’ 

<oTmuu($)Lb. 


Do While ^jjSSTgi ^evi—ULjd^nfld^Gh 2_«h«fTGij/n6V)in Gl^iusvui^i^^hu i3ssissiQrf 
Q&ntBssxssT QunQ^rB^jSlp^n (oTsstu unrfuu^nsv, 'Exit Control loop* <oT6KTUu(£iLb. 
(oTssiQsu Do while-si) G&rrg&rastT Qun(tTjr5g,<sfihsv<5V)6V <5T<stsmn<sviil>, ^^surrrsv <sn($)d,&, 

3rLp(f)d\SS)UJ /_DL_(p(3/_D 3)($)dd, (LpLSplLjCaLCi ^S)S]fJ, <oJ(D <95S57<3SI/ <3] S5)/_Ly/_/<95(3^5) <95 @6)7 [5 
(LpL£j-rB3) <spssrss)(D &>®S)ijdg, ^jiusvrr^j. 



25 












£g)<5<S57 Output /_S)(o576I/0i_D/7ffy: 


Number:0 
Number: 1 
Number:2 
Number: 3 
Number: 4 
Number: 5 
Number: 6 
Number: 7 
Number: 8 
Number: 9 
01234 


For loop 


For loop- ld while GunssiroGg,. GULZj-GULD ldlGQGld L£>nQjuLdQ]shsn§]. spGrr <s ^0 

Sid^^hun^id <oTssissiQsussf]<sb, loop-<*06yr Variable-<sw0ysu«d5 ld^Iuli 

SUSS)rnUfQ]d^UuQ]S][D^]. dLpdg,6$$TL_ <oT( 5 )^ 0 /<g 5 <S/TL_t(J_<si) for loop- ^,6513}] X-&ST ldS^uli 0 
( oTSSTQ]ld, <3131 1 O-<S 0 Z_O 0<5!f)/DSl//r<® (x <1 0 ) £§) 0 <S 0 LD su«n/j-^i/«n/_/j/_/<s (^(Sld^sn { } 
2_ehsnsufD&s)fD Q&iusvuQisg, Gsusmt^nd <ora$76i//_o, s^sdClsunq^ (Lpss)(DU-iid gjGudg; 

LD§?IUHI_6SI 1 feLLUUL GsU<3m(^Ud (X++) OT<o3761/Z_0 3in.^J JD^I. 


For...In <o7wl/ 0/ for loop-<s57rD i fflQ i ®/T0 si/ot)*. ^)0/variable-^* s^0 object-<sOTsi/r^)( 3 uj 
Q&sviddl 3i6$)6$rd&i usmLi&GsxsmuLb s^sdQsurrssTfDrrs, Qsusdids,mdL_ 2 _<gsiy Qro&j. X 
OTCT/fi) variable- g> dLdd&emi—Gunipi navigator 67 <gn/L 0 object si/ l^IGili 

Q&svidgyiLCiGurT&i 3]^ssr usmu&GsxsmLjLd s^sdQsurrmrDrrs, 

QeusrrlLju(^^^]eui9S)^d airTsmsvmd. 


<htnl> 

<body> 

<script type="text/javascript"> 
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<! - - 

var x; 

for(x = 0; x < 10; x++){document.write(x);} 
document.write("<br />"); 

for (x in navigator) {document.write(x+"<br />");} 

//--> 

</script> 

</body> 

</html> 


^j^sir Output iShsmsuq^LDrT^j'. 


0123456789 

vendorSub 

productSub 

vendor 

maxTouchPoints 

hardwareC oncurrencv 

appC'odeName 

appName 

appVersion 

platform 

product 

user Agent 

language 

languages 

onLine 

cookieEuabled 

doNotTrack 

geolocation 

mediaDevices 

plugms 

mimeTypes 

webkitTemporaiyStorage 

webkitPersistentStorage 

serviceWorker 

getBattery 

seudBeacon 

requestMediaKeySystemAccess 

getGamepads 

-KI...C1..T-. ..u.i:. 
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Break...Continue 


<s£0 grLpfoff} ^/_/5^yQ<s/7«w7'^_0<*0Lo(3L//7^y, ^j<o 5 )L _ uSlsv spQjj (ajjfilu iS) /_!_/_ 3 Lp{od} < 5 Tsm&ssflsir 

(Sung] ^i^Lpro^uSleSltr^rB^j Gloit{£3,I-OIT3 GsusiflGiu^jeu^rD^ break-LO, 3^d^Lprodl 
<oTsmsmf\ssT Qurr&j /_d/J_(J)/_d ^GSii—U^d^rSld^sn 2 - 6 TT 6 fT<oLi(D 6 $)(D {5 3,sfi)/j^gi, 3](G{5{5 3Lpfr>d} 
<5TsmswsflsSl(r^[B^] ^rjLCiiSluu^fD^ COntinue-/ij uiu<s$Tu(G§il<s$rfD6$r. Continue- szvsu 
uiusiru(j)i&,g J ]6iJd,iB(& ) 3 gvulo33, <s£<o57/py<s0z_o Qlojdul-I— 3LprbS)3GTT airrsmuuL^siT, <s^(3) 
0/?5)/j/-S)L_z_ 3rLp[f)ff]u^ssi3fQ^Q<sb 3i<5v>LDd&uu®Lb identifier-<g/7<o57 Labels ^0/i). 

dLpd36mi— <oT®£3f]d&nLdLzi-6V X-^ssi^] break-<557 Q^iusbumdis^ssxssi etflmd^Gug,rD^Lb, y- 
^ssr^i continue-^ G3iu<sbu3L-i^ss)G5i <si 5 )(syr<s 0 <si 0 /D 0 z-o uujsmuLLQ]shsn^]. Heading: 
gtgstu 3j ^, 0 lo. X, y ^ijsmQd^Ld (Lp^sSlsb 0 gtssiilo loculi <suLprd3UUL-(G<shsn^]. 


Break: X” &TT Lod)!LJ1—1 *1 O-<S0LD (3) &&> JT) GU 33 ^^j(0<9j{0/_£) GUGlDfT ^)/(o5)/ LJI—13 (^{jdl 3 (^ GYT { } 

2 -SnsnSU{£)SS)fD G)3UJ<SVLI(1)13>3)lLDIT{QJ <S £0 While lOOp 3i<GS)L033UUL-(Gshsn§]- £g)£§)©£> X-(o 57 
LD$£lUUrTGlST3)] 5 <oT6$)ILC> 3Lp(£)d\ <oT<S$$r<S$)6m 316$)l-U-lLCiGu33J 3rLpJDd) (off) iu oShd® 

GsusiflQiu^iLb 6u<s$)3)uS\(sb if (x —= 5){break;} st&qj lo <su3dS}iuLb Qarr(£\d3iuuL-(!)UsrT6fT3)j. 


Continue: y- sir loculi 1 0 -d(3)LO 0 «o/d<s 1133 £g) qr)d(3jLb sussitj 3 ]G$)i_und (^irSld^eh { } 

2-ShsnSU{D<SS){D G)3UJ6VU(G{53)]LDrT/£l] S ^0 while loop 3i<SS)LDd&LlUL-(i)l<STT<Sn3)l. ^)$£lGV)J-<5VT 
LO^!UU3GSI^] 5 <oTg )//-0 3Lpr£)dl (oTSSSTSSXSm 3l<5V>l_U-ILb(])UIT3)] LOL-Qud if (y == 5) 

{continue;}, 3iG$)i_und(3)rf)ld(3)6n 2 -GnGn<su{DGS){D G) 3 uj sou®{£ 3 , 3 logo loop -«57 

G3)m_d3{£6$)3) G36$T{D6$)l_r£3)l 3](G{5{5 3rLpf£)d] foTSmSuflsSlQ^rB^I 3Lp<SV ^[JLblSldSjjD^I. 

Labels: i“(o37 LDd^UL-l 3-d(3)LD (3,GS){DGU33 (71)3(3)1-0 GUGS)[J GGUGlflU /_/ ID lOOp 

3LpGVH-buLj-U-jl-b, 3]{5{D(3)6n 2-GTTG3 j ~GST LO^IUL-I 5~3(3)Lb (3)6$){DGU33 (3)3(3)10 GUGSUJ 2-L-L]JD 

loop 3y>GVILbuLSj-U-ll-b 2 for loops 3>IGS>L033UUL-(G<dTG13G3. 2-L-L-l{D lOOp-®i) j~GST LOCULI 
3~go 3i6$)i_inLbGurT3)] Heading gtgsiilo Guujrj Garrsmi— label 2 -GhsfT <g£\i_d,dbi[D(3)3 
G3<sv<spiLorTrni s ^0 Gufil if (j == 3){continue Heading;} G33(Gd3u UL-(GGhGn^j. $)[5{5 
Heading: GGUGifluqp [ 00 ^)-gst ^jgu33^^Igv G33(Gd3UUL-Lj-(r^uu^3GV, 3yrhi§>l(ji)[53)] 
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3rLp(f)§} (oTsssr 3 - d&n<sm &y)jn&6inuj ^[TLbiS)d@Lb. ^ssmsb (i<3) sroniLP Q^n^s^ssidt^sn 

< 31 i—d]&rTg,g,rTsv, £g)/EV(g &rLpjD& (LpL^danjuLd^lshen^j. 


<htnl> 

<body> 

<script type="text/javascript"> 

<! -- 

var x = 1; 
var y = 1; 
while (x < 10) 

{ 

if (x == 5){break;} 
x = x + 1; 

document.write( x + "<br />"); 

} 

document.write("<br />"); 

while (y < 10) 

{ 

y = y + i; 

if (y == 5){continue;} 
document.write(y); 

} 

document.write("<br />"); 

Heading: 

for (var i = 0; i < 3; i++) 

{ 

document.write(i + "times" + "<br />"); 
for (var j = 0; j < 5; j++) 

{ 

if (j == 3){continue Heading;} 

document.write("Value is: " + j + "<br />"); 

} 

} 

//--> 

</script> 

</body> 

</html> 
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^)< 5 <sotO utput iShsirsuQ^LDrT^j'. 


2 

3 

4 

5 

234678910 
Otuues 
Value is: 0 
Value is: 1 
Value is: 2 
1 Tunes 
Value is: 0 
Value is: 1 
Value is: 2 
2tunes 
Value is: 0 
Value is: 1 
Value is: 2 
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6 Functions & Events in JavaScript 


Functions & Events 

Functions <oT6$tu&j LDg^]uujssTunLdin.(D(^ ) 2 _<g<s ym susmauSlsv <oT(Lg^uu(^)ShsiTjD rffrjGvam 

Lb. <sp(ijf iSlauQurfluj program- gc> pt tlc> <oT(Lp$5ld QairTsmL^Q^d^LbQurT^] <sp(ri)!d&v 
0/r5)/j/_S)L_z_ f§hjsbs,ss)sn /_dl_(J)/_d [bld^] Q^ss)SudQs,(f)u rsmb LSsm^id LSsm^id 

UIL1G$TU($){£&) G>61J6mLq-U51(rijd(d)L£i. ^UUL^UULbL- f§lfJsb3,SS)SfT <S£0 QUIT&J 61 /ITSST QuUJlj 

ss)su^§] Q^L^^^jdQ^nshsn Functions uujgsiu ($)§>! fD§]. &r(tijd&LDn&& 

QffrTsvsvuQurrmrTsv, <s£0 Lfil&uQuifluj program-^* £)/£/£)/ry u&>mrrau 

i3tfl^^]d<ss)3,iun{§fT)Su^fD(^ functions uiussiuQ]QfD§]. 


£|)<s5)<g parameters tp/DrrijdQgirTsm® Q&tusvuQu&nGiJ, parameters ^evevrTLDSv 
Q&uj6Vu(B)u®nGiJ toTsirgu <g£\ijGmi_rra,Lj iSlifld&GvrTLb. /_5)<oOT61/0z_d <or(jb)J5§]d&mdLq-6V 

sayHello() <ots5tu^i parameters ^svGvmDsv Q^iuevut^iLb function -<®0 
2 _^/ 7 /rOT 5 r/_D/ 7 <®siy/_o, concatenateQ <otsstu§] parameters sinsu^^j Q^iusvu^ild 
function-*^ ^^nrjemLDn^siiLb S)dlsnrhi(^Slp^j. 


<htnl> 

<head> 

<script type="text/javascript"> 
function sayHello() 

{ 

document.write ("Hello Buddy! Welcome!"); 

} 

function concatenate(fn, In) 

{ 

var name; 
name = fn + In; 
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return name; 

} 

function fullnameQ 

{ 

var c; 

c = concatenate('Malathi', 'Sivakumar'); 
document.write (c ); 

} 

</script> 

</head> 

<body> 

<form> 

<input type="button" onclick="sayHello()" 
value="Greetings'^ 

<input type="button" onclick="fullname()" value="Click 

Here"> 

</form> 

</body> 

</html> 


^)<5<S57 Output LS)<o57Sl/0rD/7ffy: 


Greetings 

Click Here 




Hello Buddy! Welcome! 


Malathi S ivakumar 
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Functions without parameters 

sayHello() sTgyii) Quiufisv G&Lfid&uuih- Function, "Hello Buddy! Welcome!" 

6T6$)ild Gurfhfile&KSKT QsusrrhjuQLBgjLD Qsusisxsvssnu Q^iuSlfo^j. iS}6$r6$rrf ‘Greetings’ 6T6$)ild 
Quiurf Q&nsssTL- G}urTd>&,rT6$)6$r G)3 : n(^d(^LbQun^j l £g)/ 5 <g Function 3i6$)Lpd3,uu(^]Lb 
GU6$)3,uS)<sb body-cs^sir HTML code Q&nQd&uuLLQGhGfTgj. parameter 
^svsvitldsv 3i6$)Lpd3,uuQ)Lb Function-*^ 2_g,nrj<5mLb <^0 ld. 

Functions with parameters 

"Click Here” <oTgn nd Qund,&,n6$)6$i Q&nQd^LbGungf], Fullname() <5tss)ild Function 
<31<6$)Lpd3,uuQ]6u^fD3,n6$i Code 6p6$rrry body-d(^<sh 2 _<sy 7 W 0 /. Fullname()-<S 06 )T C 6rs$)iid 
variable-si/<o 5 )/rujffy<a<s/j/jL!_( 5 ) concatenateQ Function G)susifiuu(^^^jLb 
ld^iuli (S^LSidanju^dijD^i. £g)/jconcatenate()<5/7Sifr parameters- 
< ^jfDtQidQ&nsm(jd Q^iusvu^ld FunCti 0 n -<*0 2_3,rr[j6$$TLd ^(^ld. 

<s>]g,rrsu 0 / c = concatenate('Malathi', ’Sivakumar’) 6T6$id Qi3,rr(?duu3,6$T ^Lpsvid, 
31<3S)i_uqd(^ij^d(^sh ^srrsrr LD^}uq3isrT COncatenate(Fn, In) <oT6$irrx 7 

SUSS)[JUJfQ]d3,UULdQ]shsn FunCtiOn-<S0SY7'5_(51T(5Yf(5) LDd^ULI&tSrTn&d G)3 : 6$TQJ 3isurD^]d(^sh 
2_snsnsu(f)SS)(Dd Gl3 : uj6Vu(b)d,3 J ]Lti. 


concatenated, InJ-^sirname (otct/lo s ^0 variable-su<snf 7 (usy**L/L/L(p 3 i§^&b, Fn, 

In SUL^lGuj G)3 : 6Vld3,ULJlJ-L _ 2 3,6$?}3,3,6$?} LD^ULI&eh ^\6$)6$$rd3,U U idQ] 

MalathiSivakumar 6T6$)iid epGrj LDdduuns, Qs : LE}d3,uuQ]Ld. l5}6$t6$t[} £^[53, LD^}uq 
G>3 : L£}d3;LjuLd(i)i6rT6n r\drr\e 6T6$)iid variable, return keyword ^LpsvLd QsugttiQuj 

3i6$iiuuuu(diSln3,i. £g)si/ 6 i// 77 ry QsusiflQiu surBgjsherr £g)/ 5 <g ldS^uGu C 6T6$tiid variable-si) 
G>3 : LS}d3;UULd(j?) Q6U6T?UU(j?)^Lju(j?)!d}jD3i]. 
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Events 


<s£0 SiSle^iULD browser-si) /5z_/jz_0/750 rsmi) Q^iuiL/Lb spsiiQsunssirQ]Lb Events 
<oT 6 VTuu®Lb. epQT) G)urT 3 ,&,rT 6 $) 6 ST Q&n®d(& ) 6 u& l ] l Mouse-gc> ^<s/j<50/<si0/, Page-®£> load 
Q&iuGUd}] QurrsirjD s^siiQsurrssTQjLb s^sijGlsurrqr) Events ^0z_o. 


(3z_D/D<ss5tfn_ ^9/(5^ Program- / 5 / 7 /i) EventS-<950z_o (or^^^jdQairTehsnevmii. < 3 ]&?l 6 V 

onclick CTswL/0/ s^0 event. onmouseover, onmouseout OTspif events 

Q&rrsm® Lonror^ ^jiuddlu urrrfdais^Lb. 


<html> 

<head> 

<script type="text/javascript"> 
function sayHelloQ 
{ 

document.write ("Hello Buddy! Welcome!"); 

} 

function concatenate(fn, In) 

{ 

var name; 
name = fn + In; 
return name; 


function fullnameQ 

{ 

var c; 
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c = concatenate('Malathi', 'Sivakumar'); 
document.write (c ); 

} 

</script> 

</head> 

<body> 

<form> 

<input type="button" onmouseover="sayHello()" 
value="Greetings'^ 

<input type="button" onmouseout="fullname()" value="Click 

Here"> 

</form> 

</body> 

</html> 


onmouseover="sayHe[[o()"OTg)/^(3u/rgi/ "Greetings" Qun^^nesfim 
mouse-®£> Q&nsm® G)&GV<s£]Lb (SurrGg, sayHelloQ <^iu3,3,uLJL-($)G)S)(hi)Lb. 


onmouseout="fullname()"(oraQvz_o(3/_//7g/ "Click Here" Qun^nssfim^ iq^Sisv 
mousey Q&rrsm® Q&ev&yLC) Qurr^j rffaiLprT^j. ^gsut®) mOUSe-®£> 

GhsueiflQiu [B3irf^^jLb(3un^j SayHelloQ ^ujd&uuiJ-®<stfl(]iiLb. 
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7 Window-GiSsir uGwrLiam 


window <oTgg)/fi) object-^ §> 0 £) 6 U usssru^smsnu uiumuQd,^ rsmb Q^luilild 

Q<3U6$)6tis,G$)6mj lSIsstsu^ld rTgu airrsmsvmdi. 

location 

6^0 GU6$)<so{f,{f,6fT{j,6$)&, puLD u ujssiu(^ i^^id Q^nsmLq.^d^LbQun^i, $£ii 2 -Qrr 6 $Trr)] 'Home' 

67go/fi) Qurr^^rrssxssT <31 &>g$t (Lp^ev udai^^ljn^d Q&6vQsumd ^svsvsurr, 

<g£\3,[D3,n3, window.location otct/lq usmLi uiusirui^iSip^j. ^^rrsu^j browse t-sst 

<orrbff>u uda;d>§?l&v uiusvrQif (^cmdftrTsviLti, 6^0 Qurr^^rrssxssr ^Q^^^lmrrsb, <s ^0 
0/r5)/j/-S)L-«— url-<950<? Q&svGjyLDnru ^ssiLod^ usmL/ uiu<siru(^dlp^j. 

dLpdasmL- <orQ]^§]d3,^^i<sb, window.location -657 ld^iuli www.kaniyam.com <oTssrrQi 
Q&n($)d'9,uuL-($ush6fT& ) ]. iSlffinsKrrf 'Redirect Me’ <oTG$)iLb G)urrd,&,rT<ss)G5T Q&rrQd^LbCSungf], 
£g) 0 / Q&lugvuQld suss)3,udl<sb 6^0 HTML code G)3^nQ]d3,uuLdQ]shsn^].(oTS5iQsu 
GU 6 $)<S 0 d,&,GfTU ud&>d>§)l<sb 'Redirect Me’ 67g0//j) Qz_//700/765) 657 <67/6/0 65) <51/<90/76V/70, < 3 l[ 5 g,U 
G)und,&,nGS)Gsi <3t(Lgd,3)]Lb (Sung], 93/0/ WWW.kaniyam.com <6 tot)/ 70 (7p<s6i//^<950<y Q<9w/ri7 
6 i 5 )(p 7 D. £g) 0 / "Page Redirection" forsmuuQLti. 


<htnl> 

<head> 

<script type="text/javascript"> 

<! - - 

function Redirect() 

{ 

window.location="http://www.kaniyan.con"; 

} 

//--> 

</script> 
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</head> 

<body> 

<forn> 

<input type="button" onclick="Redirect()" value="Redirect 

Me"> 

</form> 

</body> 

</htnl> 


Output iShsirsuq^LDrTru'. 


Redirect Me 


<- C © wnwf.kaniyam.com 

■Cr 

SBSOUfllLILQ 

s—- □ 

ailLfbn) afiooflsiiluLh 

g^aipadr ^dSopaib <^66l*®*n ui4*en @qp ug)6ij*aT 

Lbl60I L|&a*J»iJ*9I 

OT6Tfluj 5LtSlL^l6V) CSS-u5l6OTgUT6l) 

ft«ofiujLbOunaxtjurT§^ijlujij 0 j. nit Otcomiw.11 

(aKidirtfl s t)U $s»«sg)en<3OTUJu «ui46ijaruo«0ib 900nlud). 

*«OQfl«ofl*lS*{ba)Q)6in6U 6iJiJ£U6JDLO j<2urr(J' 6JD*C*:_j5l* OJGn€Ug,®€nitj*6iT. 

Q* ujc 8 «ot e_0«jfT®*^gl§uLb css Qu©ibijrtii@ ax©*© ©§>. 

CTof)«r)LOiurT* ^ia$)(LA*ih Qff ill© cd§j & aSl^teu *l_ l_cdcd QiD«srClun0L*«n 

uoxdIuj£«. ftx©>*«n€JT -*«jrluj Jy j5I«t ion® iDsy?. 2012 (ip®&> ©©JofluSlil® 6iJ®£la>gi glgtsu 

QajoflujnejTcss... 

SiSKiflUJli) g6TTggl6U Gg)L_ 

■ 

UfTlj<aDQJUJrT6TTfXft6fT 

6T600T600fl ft 6$) &> 

B9 


dOkOlHlMllIMt 

2095586 


Follow in twiner 


Print 

WindOW.printQ (oTGSIU&J 3 ,(f)Gun<S$)&,UJ SUSSlSVU Lld 3 ,d, 6 $)&, 2_g,6LILb (SpQTj print 

window- s$)su 2_(r^eurrd(^Lti. dLpd&smi— program-<si> "Click here for printing” 6 j&s)ild 

Gluiurj (s)&>n<o$$TL _<s^0 Qurr^^rrssxssr Q&n®d(&)Lb(]>u n§] ^^ss)3,iu window-«nsi/ 

s_0si//7<950/_o suss)3,uSl<sb cspQTj html Code G)&n($)dg,uuLdQmsrrgf] . 
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<html> 

<body> 

<forn> 

<input type="button" onclick="window.print()" value="Click 
here for printing"> 

</form> 

</body> 

</htnl> 


^j^sir Output iShsirsuQ^LDrT^j'. 


Click here for printing 
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8 Dialog Boxes and Exception Handling 


Dialog Boxes 


JavaSCript-si) 3 (LpddhuLimm QuLdL^aush s^snsnssr. ^9/si ipssipd dLpdai msmi Lb 

foTQtBgjd&rTL-Lqsv amsmGvmdi. 


•"Alert box" 67 gn/fi) Quiurj Glamsmi— Glun^^n&sflsir lS§] Q&nQd^LbGungf] "This is a 
warning message!" <orapv/_o Q&iutsi Q&u®rfiuu(jdLb suss)^u 5 \<sb <2^0 QulLl^ 
^Q^sund 3 ,uuLLQ]sbsn^]. uuj6Krrjg;6v><srT <ord&ifld& ^..gsiy ld alert() Quills. ^, 0 id. 


•"Confirm box" (ors^iiid Gluiurf 0<s/raran_ Qund,^nss?]ssi lS^j Q^n^d^idGun^j "Do 
you want to continue?" <oT<3mrD <s £0 G&shsdilsmud Q&lL®, <3]&)(D(3) ^id/ ^gvsvksv 

< 5 T<o$TfQj prod u^lsverrld^id suss) 3 ,uSlsb <s£0 Quidis^ ^(^sundanjuLdt^iehen^]. 

COnfirm() Quidi^. (orsmjuQnd. 


•"prompt box" ( orey/id Quiurj Glanemi— G)und,3,n<s$?]<s5i lS§] Q^nQidi^idQun^] 
"Please enter your name;" torssid <sy&>[D(8) rsnid ^s/Hd^id o 5 )«r>/_«r>u_//j 

QujD^jdQsirTshi^Ld su&namSlsv 6^0 GluidLq. ^(r^sundanjuLd^lerren^]. £g)0/ uiusmij^sh 
Qairr^ld^id Gfilsinjthi&Gsxsn ^eherfi^rranj Qu/DjrudQgirTsm (p, ^^jnQaifDU Q^iusvu^ud 

prompt() Q1ULL14. ^(^ld. 


<html> 

<head> 

<script type="text/javascript"> 


39 








function boxlQ 

{ 

alert ("This is a warning message!"); 

} 

function box2() 

{ 

var x = confirm("Do you want to continue ?"); 
if( x == true ){document.write ("User wants to 

continue!");} 

else{document.write ("User does not want to 

continue!");} 

} 

function box3() 

{ 

var x = prompt("Please enter your name : ", "your 
name goes here"); 

document.write("Hello! Welcome " + x); 

} 

//--> 

</script> 

</head> 

<body> 

<form> 

cinput type="button" onclick="boxl()" value="Alert box"> 
<input type="button" onclick="box2()" value="Confirm box"> 
<input type="button" onclick="box3()" value="prompt box"> 
</form> 

</body> 

</html> 


Qsu&rrluurT® iSlmsuQTjLimiQj: 


Alert box Confirm box prompt box 


alert(): 

LJUJ<5KT[ja6V><5tT <oT&&lfld@Lb GU6$)3,llSl<sb <S£0 Quidl^SS)UJ l§) 6$)1Ju51 <SV G)<SU<SlflUU($)&,&, aleTt() 

box uiumuQu). $]{5£5 alert()-«0S)T G)&n($)d 3 ,uu($)Lb Q^iu^lujnm^i ("This is a 
warning message!”) SdemrruShsv G)susifluu(^Lb Quidi^d^sh (ord^fluq Q^uj^hun^ 
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£g)0<950/_o. QuLlL^d(^eh 2_shsn OK Qurr^^msvflsvT lS^j Q&rrQdl&hsmrTGV <j>//5<5 

Q&lU$ 5 l LDSVTJT) TB 3 j]G) 5 l (j)l LD. 


This page says: 

This is a warning message! 


OK 


confirmQ: 


LI ILI SSTTfsiSifl L _ l£] S£0 (Lp61S)JDd(&) £g)0 (Lp<5V>IT) ^gU^ISmUU QUJD^jdQdirTSrTI^Lb 

SU<5V)3,uS]<sb <S£0 G)UL_l±<55)UJ §} <5S) [Tlfil < 5 V QsUSlft U U (J)<30 COnfirm() box UILK5STU ($)!£>. 
<^rGl< 5 VT< 5 vflev (Lpg,&V(Lp< 5 v>(n £56urru£5&vrra& Q^rrChlddluSlcjhd^rTsviLt) 3 ll_ ^r5g,u Gluidi^esnuu 

urrfjtB&jsflL-® iSlesreurndQd Q&svsv £g) 0 / sumuuu&ifld^Lb. <st<5vtG>gii ^T53,u Oz_//J_nj_ OK 
z_D/D/ryz_o Cancel <oT<gy/i> ^rjem® G)un^n<5VT3i(^i_<5VT ^newruui^iLb. OK-«nsi/ true 
<oT<o376iy/_D, Cancel-^ false <o7W6iyzi) 5T(^l^^jdG)3insh(^Lb. ^aQsu true-^s 

£g)0/5<5/T SV <OT<5VT<5KT Q&LL1UJ GsiLSSST^LD, fa ISC - ^.® £g)0/5<5/7<5li> <5T<5ST<5VT Q&IUUJ (3<5n<5VST($h-b 
<oT <5VT LI <5V) 3> LLj LD TBLDLOTTSV If Condition QpGVLD SU<5S)TJUJfQjd3, (LpLj-iLj LD. 


This page says: 

Do you want to continue ? 

Prevent this page from creating additional dialogs. 


OK 


Cancel 


User wants to continue! 
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prompt(): 

PrOmptQ box- ^<5570/ / 570 /j 5 )z_L 0 6£0 ( 3 < 956 y 76 l 5 ) (55) UJ <57 (L£) UiSl, <jy0/D <95/7(557 U^I&DGV 
/5lo/j5)/_ 7/5)0/50/ Qu/orrijdGl&rrism®, iSlGsr&srrj ^^jnCSairorD GU&naiuSlsv Q&ujgvuQld &}G$tg$)LD 

GlarTsmi—d}]. <otgstQgu £g)0/ QsusfihjuQ^&jQGSTrD QuL.L^d(^sh g^q^ Q&GnGtiiLjLb, s^0 input 
box- LD &nGmuu($)Lb. G&shG&ujna, gtgsigsi GIgug/Hulil- ( 3 si/<5537 (/J) to, input box-si) <57<537<537 

Q0<5577_//_ QGU<o$5T(j))LD <57<5OT/J<55)0 (a) UJ (SO <50/770, prOITipt()-<950Sy7/5/7TO GU G$) [JlLl (T)J G)5h <50/770. 


This page says: 

Please enter your name : 




This page says: 

Please enter your name : 


Aarthi Irudhayaraj 


OK 


Cancel 


OK 


Cancel 


Hello! Welcome Aarthi Irudhayaraj 
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9 Exception Handling 


try {} < oTSSTU^j <oT6V®ft(SVd(& ) 6n 2-6rT6rT f§\fjs6\sb <ojQ^<SS)ILb g,GU(J)J ^(J^rB^fTSV, 

(oTGSTGST <5 SU /£/ (oTgO/LO Q&lll§>}6$)IU QSUSfflLIU®LD . C3tch {} <oT<J5J7_/d£/ QSUSfflLIU®SiSSTfD 

Q&iutBlsmu QujD^jdGl 3 irTsm(^) sysma, uium 0<s@^ Qg,rfl«fi)dg; 2_<56i/z_o. 

dLpdg,6$$TL_ 2-3,rTrj<sm£b$dlGV Examplel <oT6siild G)und,&,n6$?l65T lS^j G)&n($)d(&)LbGun§)] 
One() <otct/lo function-ii, Example2 (otstuild Glurr^^rT&sflsir lS§] Q^rri^id^LbQun^j 
tWO() 67gn/fi) function-LD ^\iud3,uuQ)Lb s)dl^^lsv rglrjsv <oT(Lg^uuLd(^ishsYT^j. 


<html> 


<head> 

<script type="text/javascript"> 

<! - - 

function one() 

{ 

var y = 0; 

try {document.write(x);} 

catch (e) {document.write(e+"</br>");} 


); } 


try 
{ 


if (y==0) {throw( "Variable should not hold zero" 

} 

catch (e) {document.write(e+"</br>");} 

finally {document.write("Execution Completed" );} 

} 

window.onerror = function (a,b,c) 

{ 

alert(a); 
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alert(b); 
alert(c); 

} 

//--> 

</script> 

</head> 

<body> 

<forn> 

<input type="button" onclick="one()" value="Exanplel"> 
cinput type="button" onclick="two()" value="Exanple2"> 
</forn> 

</body> 

</htnl> 


view rawtrv catch.html hosted with by GitHub 


^)< 5 <oW Qsusifluun (J) iS)ssrsiJ(VjLCinir)j: 


Examplel Example2 


function One()-<9506)ry ( oTssiild variable sussirrujQjd^uuLdi^ishsrT^j. ^ssinsb X -ssi 
LD§)l u iSlss) sst Qsusfilu5l($)LDnrrii sufiuSlsv 2 _< sy7W0 /. X -^sst&j sirhi^Qm 

sussiijujiriidgiLjui—nd, ainrjsssT^^lssTnsv error-®o Qsusrfluu(^)^^l program 
^]iunil(&)suss)&) unS^luSlsv ^susun^j rffaiLpnLCisv ^(^uu^fosinaiQsu X -sir 

ld §)1 U iSl ss) sst Qsusiflii5](^LDnru ssnsn eurfl try{} -d(&)6n Q&nQd&uUL-Qshsn&ii. stsstQsu 
6jG>d>ss)iLb <s<si//ry rffaiLprB^rrsv *lZ_ <s £0 Q^iu^iiurraiQsu QsusrrUjuQGLD ^sSlij, 
program £g)u_//5V06i/<5/D0 sirsa, spqf, <5«r>/_{L//_o £g)0<s<s/70/. 


sufluSlsv catch (e) srssid G)&n($)uu&,ssi qpgvld G) su sifl uu(§)Stssr id Q^iu^ssnu e 
stssiild variable (npsvLD QuinijydQanGm® iSlssissirf <3i[5£5 Q^iu^lssnu 

{document.write(e+"</br>")} stsstu^sst ^psom Gsus^uu^^^nnsnsn^i. 

iSlssTsu(ri)LDniri]. 
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ReFerenceError: x is not defined 


£g)dg/(3/_//7«sj7D Reference error <oT<sv<svnLb javascript -^sv (^jro^ssiQsu 

6i/65)/7u_//ry<9595/j/_//_!_/_ g,sijrru 61/65) <95 <95 6/7. dlsv ^LDiurhjansrrlsv tbld^j Q^s^xsudQaifDU tbttQld 
■5 61//7y <95 65) 6/7 GU6$)[JILl!£]&,§] <3lgGF)65T <97/_!_7!J_<95<95/7/_!_/_ 6)d QTj LD iS) 6KTIT6V tfirOW() UUJGSTU®LD. 


Q&rTUUL-®6n6YT try{} block- <S06iry-6!S7 LD^LJLI 0 67657 £g) 0/5 <5/7615 

"Variable should not hold zero" 6 t ^jld error-g> QsuGrriuu^^mrTru throw()- 

<95(06/7 Q<95/7@<95<95/j/JL_@6/76/70/. /_5)6JS7657/7 <3][53) error, catch {} ^LpSVLD QUJDLJUid® 
QGUGrHuu(5)^LjuL.(5)GrTGn^]. £g)0/ iSlssTGnq^LDTTg^. 


Variable should not hold zero 


Finally {} 67651/ ld blocks - <5(<9}6/7 Gj&rrQd&uudQsnGnssieu errors 

61/ [5 <5 nsviLD 61//7/76l5?/J-/_/76V//-0 SiSmi^UUTT3, 6p(Vj(LpGlS)fD execute Q&lUlUULjd® 6l5)(J)7D. 

£g)0/ /_5)65761/070/7/7)7. 


Execution Completed 


Function one() — m Q^iusbun^i^sh (lpl^tb^g^i^sst window.onerror = function 
(a,b,c) 67657/7)/ Q^TTQld^UUldQlsbsn^]. S^3>n6Lig^ Example2 0/_//7<5 <5/765^657 lS^j 
Q^m^ld^LbCSuiT^J, tWO() 6765)/ LC) function, <6Tthl (&,(!> LD 61/65)/7U_//ry<S<95/j/_//_/7<5 <95/7/76557<5<5/76i> 

windows- ^ssr error-®// QieuG^uui^^^Lb. windows.onerror gt&dild method, 
error-gi ssi&uurorSi Error message, url, Line number Qurrmro 3 

rff 65) 6V <95 Gift 60 (S&LSld^LD. £g)<565)657 3,b,C G/J/7657/D parameters (¥£61570 f U nCtiO n-« 06 ff 

Q&svidd) alertQ ^lpsvQldit ^svsv^j document.write() ^lpsv(Sldit Gleus/Huu^i^svirLD. 

£g)0/ /_5)65761/070/7/7)/. 
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Error Message 


This page says: 

Uncaught ReferenceError two is not defined 

Prevent this page from creating additional dialogs. 


OK 


URL: 


This page says: 

fi le:///D:/JavaScri pt/try_catch.htm I 

Prevent this page from creating additional dialogs. 


OK 


Line Number: 


This page says: 

33 

Prevent this page from creating additional dialogs. 


OK 
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10 Form Validations, Javascript Objects & 
Animations 


p&<su<5ba<oS)<ofT G>&rTf5l£&<sb 

6^0 sdhsmsmuuu ULpenpema, prrid y/fgfg) Q^iu^js^hJ.^ Submit Qunpprrssxssi 
Q&rrQ&QGsrrrsb, 2_svmsfihumsm^] paid QaurQpa, S)S\supdja,ss)sn Server- ^i&niuLjsup in 0 

(LpSSTSSTfj, <oT 6 VGVmd aijllUfTa, £>_ 6 YT 6 fTffjn STSmd GaaSjidqpid. SjpaSUpj <Sl 5 ) 617 Z7757 .S (off) 67T paid 

Qaia(p)daip psur^hiSlqpppaGsva ^svsvpi psurrypevaaid Qaiafplp^lqpppaGsva, 

2_&v asfihu asmpi s^qp popup (apsvid ^pssxssr pmd(pd, QprfUuuu(p)pp]id. a : flujam 
&S]sufjdjg,GS)snd Qaia(p)ppj (Lpq-gsu&jLDaa, ULpsupsmpu y/fgfg) Qa : ujiLjidsu 6 $uj l <0775.5 6£0 

s)S]surr^<ss)^,inid server-<*0 ^i^juuapj. £g) 0/(3 su Client side validations <oT&auu(^id. 
g)^<o5)<557 Javascript srsusua^j Q^iudlro^] <oTssruss)pu iSlssrsuqpLna^j a,asmsnaid. 

dLpdaismi— ^paqsmp^lsv Name, Email, Zip Code <oTspiud ^shsnidChiu QuidLp&iqrpid, 
Country (srspud dL^pdauj Quidipiqid, Submit < orspiiid Quadpas^iiid 

J2_0<517 nd <9>L7/_/L_(J)SY7"SY76S7. £g)/j(3/_//70/ Submit <oTSSllld Q U ad>p asvfl 6VT idpj 
Qa : a(p)d(pidGuap] l 6^61/0617/70 Qu idipdqpid rfl&Lp GsUSmipiU ^65169700/ 6)dlffjLDIT<o5T 

Ga : ap<ss)<ssia,iqfT ) id validate () <oT@s)iid spGrr Function-a0<577 G]a,aCd)da,uuidCd)sbsnssi. £g)/5<5 
^ssxssrppi Ga : apes)SSTa,(qn,id Qsurdi£la,qLDaa, pi—p^l (Lpipdaujuidi— iSlssrssrGq ^jpp 

validateO-^isaTgy return (true) (oTssrup&n&a Qpifisdlppi, pi—da, Gsusmipiu 

sidspiup^l/oGai Qa : 6 V 6 £]id. ^j^lsv sjGp&nud spqp Ga : apss)ssru 5 lsd uiu<smrja,sh^sdipp 
sfilsurrid <sp(Lgihia,aa, ^svsmsv <oTsir^j a,smQu 3 ipda,uuidQiS)S]idi—a<sb a^.i— retum(false) 
<oTmd Qa;a(p)pp] ^<p)pp] sr&npiLjid pi—da, sidi—apj. 


<htnl> 

<head> 

<script type="text/javascript"> 
<! - - 

function validate() 
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if( document.myForm.Name.value == "" ) 

{ 

alert( "Please provide your name!" ); 
document.myForm.Name.focus() ; 
return false; 

} 

var emaillD = document.myForm.EMail.value; 
var reg = / A ([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.]) 
+\.([A-Za-z]{2,4})$/; 

if (reg.test(emaillD) == false) 

{ 

alert("Please enter correct email ID") 
document.myForm.EMail.focus() ; 
return false; 

} 

if( document.myForm.Zip.value == "" || 
isNaN( document.myForm.Zip.value ) | j 
document.myForm.Zip.value.length != 5 ) 

{ 

alert( "Please provide a zip in the format 

#####." ); 


document.myForm.Zip.focus() ; 
return false; 

} 


if( document.myForm.Country.value == "-1" ) 

{ 

alert( "Please provide your country!" ); 
return false; 

} 

return( true ); 

} 

//--> 

</script> 
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</head> 

<body> 

<forn action="/cgi-bin/test.cgi" name="myForm" 
onsubnit="return(validate());"> 

<table cellspacing="2" cellpadding="2" border="l"> 

<tr> 

<td align="right">Name</td> 

<td><input type="text" name="Name" /></td> 

</tr> 

<tr> 

<td align="right">EMail</td> 

<td><input type="text" name="EMail" /></td> 
</tr> 

<tr> 

<td align="right">Zip Code</td> 

<td><input type="text" nane="Zip" /></td> 

</tr> 

<tr> 

<td align="right">Country</td> 

<td> 

<select name="Country"> 

<option value="-l" selected>[choose 

yours]</option> 

<option value="l">USA</option> 

<option value="2">UK</option> 

<option value="3">INDIA</option> 

</select> 

</td> 

</tr> 

<tr> 

<td align="right"></td> 

<td><input type="subnit" value="Subnit" /></td> 
</tr> 

</table> 

</forn> 

</body> 

</html> 

view rawVaiidaliions.htmi hosted with by GitHub 
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3-6rr6ifLL®u QuLLiq&sb L^ddSl Q&iuuiuuLLQjisbenisrT srssrudifD&mm G&rrgisinssr 

Name <oTgn//-Q Guujij Gairrsmu 2 _ 6 n 6 i?LL(S U GluL.Lq.uSlsir ld^IljL j airTsShurr^ ^(r^rB^rrsv, 
"Please provide your name!" srgn/fi) (ord&rfiuLi G^uj^i rffrjsv 

Q&rrQdgiLjuL-QsrTsngi]. ^ss)^ G^rrurj[B^] Name srssqiLb GuL.Lq.d(^err CUTSOT 

Q&<sb<svn£>n(r)i ^qsim£>d& FOCUS uujssiu(S^^uuL.(Ssbsn^]. £g) sijsunQp spsijGsunQ^ 
GuL.Lq.d(^id <313}] Lj,[jt5§)l Q&iuujLjuL-(d)6rT6rTg,rT stsstu^ld^ltsst G^rr^ssxssr^ssxsn prod 

G&uj&j Q&msrTsnsvmd. 

dufirodanj GuLL.Lq.uSsv aSeurrih Ggrjsiq G^LUUJUULL^sbsn^n sreirugiD&rTesr Q&rr&smsisr 
Country srssqiLb Guujrj G&rrsmL. dL^lfodaoj Guid-Lq-uSev 3 prrQ&GdlGsr Guujij^sh ^snsn^j 

stsst ss)Su^^idG3,rrsmurrsb ^ss)su (LpsmjnGuj 0 , 1,2 stsst ^ss)Lpd3,uu(SLb. srsmGsv 
sShsuijdjaisrT OTgysiy/i) O^/jsiy G^iuiuuuusiSevs^KSVUjrT srssrd 3,smQ]iSLq.d3, COUntry-sw 
ld^Iuli -1 d(3jd lfldLD n&> 2-GYT6fT3jn <oTssid G&ndflLBdjnsv (3un3j]id. uiLKosnj d TOpdOwn box-si) 
st/ 5<5 s ^0 rF,rrLLss)UuqLb G>g,rj6iq G&iliujg>S<sv6v>6V stgstGld <3iij£g>Lb. ^\sijsurrG(D 
sptvj dLfljDdg;u GuLLLq-d&rrm G^rr^ssxssrs.sn rff3iLp^uu(SdhsiTjD<^T- 


aSsurjihias^ssr suiq.su^sG&nSduugfD&rrssr Gpirgsmssr 

pmS Ga,n(Sd!&!65i[D email-id &iflujn& 2_6n6YT3,rT STmu&ng, G^n^uu^ro^ ^j&sxsmuj^^lsv 
spQT) regular expression £g) 0 <*(gz_o. syong, s ^0 variable-si) G^lSi^^j, testQsTgn/f-o 
Function-g»/j uujmuQd,^ ^iflujrrssi si) g,rrsir (3) z_D/D/ry/_o . srsvsvn ld ^sbsnrrssisufT 

<oT6$ru6$)3,d (S&ntdid&svnLb. < 3 i<sijsunrry ^jsvsinsvGujsisfJsb "Please enter correct email 

ID” <oTsg)//-Q STd&rfluLi G&iu§?l su^lllt^] sqss)LLds><sonLti. 

< 3 l(St 5 g,g,rrg; Zip STgn//i) Guujij G&rrsmL. 2_6yt61?lL(Slj GulLl^uSsst ld^Iul/ g,rrsS}ujrr3, 

£|) 0/5 <5/7(3 si)/ t, srsmgisrT <3i&V6vrrg, Gsl //ry sj^ltsu^j <s^sstss)(d LL^luurrs, ^erH^rrGsvrT, pmS 
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G)& it® d&>l sirin ldSjIu Li 5 ^6vd&F£®/n(& ) &ldldit& jsvemsv <oT6irpn(3svn"P[QdSQ provide a 
zip in the Format #####." <5T&S)ILD (oTd&lflULI Q&IU®) <oU QTj LD IT IQ] G)&IT($)d&UULd®SnSfT^]. 
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11 Object Oriented Programming 
Concepts 


(LpgsShsv Objects (oTssifoneb (oTssissil 3i&,6sr Q^esxsu (oTsstsst! 3]ss)su (orsijsunQj 

Q^iusbu^QssTfDssrl 3]&svsu srsi/si/mry [BLDg] Qsussxsv&mu * svumrrd 0® sir pqsstI 
<oTsiruss)^Quj 6 VsvrTLb ^uu (&)§?! uSlev ^rr^rrfjsm 2_^mjsmthis,ss)sn gsxsujb&j rsmb L/^/s^y 

Ql^nshQsunii). ^j^jQsu JavaSCript-si) s^snsn Objects -®£>* */d/-®/D0 &<souL£>ng, 

^ <oS)LDlLj LD. 


Object: 


3/^IS 5 3\SfTS)S]<S0nSSI G&GUrj[hl3,G$)GfT G&lSlLJ L/0 {£)(&), rff(5V>ir)UJ VariableS-®£>/j 
UlL165IU($)&,&,nL£><sb, 3fSS)SU 3fSS)S5I^SS)^U^Lt SpGrj SpQT) ObjeCt-* 06 )T Q&Spldtdl, 31 [B&, 

Object-*® variable-^* 2 _ 06 i// 7 * 06 i/< 5 ss 7 qpgvld s^fD<ss)fD variable-si) <oT<sm<smfDp 
&S]surnhJ3^ss)sn Q^LSid^id si 5 )<g( 3 z_o Object Oriented Programming ^0/i). 


Methods & Properties: 


Qun&JGUna, Object (oTSSIU^l 3 i^,(f) 3 inssi USSSTLf^sh LDfDfQJLD O*{Usi)/J/7(p<*(S0Z_SOT 6£0 

Class-*0SY7- SUSS)[JlUSS)fD Q&LLlUJUuQbU-b. g-fBrTlJGmdi&jdig) human (oTSStlLD sprf l-l^lLLI 
Object-®? 3]r5l(Lp3>uu($)&,&, s>S) (ff) ld iSl<o$in<sb, 3 jg,jng;nm usmLf^sh LD/nrryLD Q&iusbunQ&GfT 
3i6$)65ld,§]Lb (SpQTj Class -*0(5)7 SUSS)[JUJ^]d3,UuQ]Lb. 


Eg: Class human {Colour, Shape, Race, SpeakQ, writeQ, angerQ} 


6£0 LD6$f}3)6$f}6$T rffjDLCi, SUL^eULD, £g)S37/_D (3/J/7S5Z7D 3] «U 6Q] d (&> fillLl U6mH&,6rT 3]6$)G5T{£g)JLb 

Properties <oTS376i//_o, 3]6U6$t Q&tudhsirfD Q&ujsb&snrrm Qu&&}&), <oT(Lg^]^ 6 V, 

(3*/7L//j/_/(p<5si) ^SllUSSlSU 3i6$)65ld,§]L£) Methods STS3761/ LD 3>j<5V> Lfid&U LI (£l LD. 
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^uGurraf] 100 /Jjgafl* go/* rffg)LD, sul^suld, ^ 65 tld GumsirjD S)S]swjthJ3,ss)sn G&uSlda 

6)51 (IT) LD iSl 65T IT 6V, S^SljQsUU(tTf 6 l 5 ) 61 // 7 / 50 /<* 0 /_O 3,65?ld,3,65?l V 3 MB bleS UUJ651 
G^65)6UuSlsV65)6V. 6£$IJ V 3 Ma bl 0 _ < 5 TL) ^65)651^^] 6U65)3iUJ IT65T 6)dl6U glhl3i65)6rTlLI LD $3 : L£}3,3)]d 
G3>TT6YT6TT (LpUj-LL/ LD. <3I3,IT6U3)] d = l"l II IDS n.newQ 6T65ld 0 <*/ 7 ( 5 )<*<*/ 7 si) Qu[T§]LD[T 65T§]. 

a.colour='Wheat', a.Shape='Short', a.Race='lndian', a.Speak(), a.write(), 

a.anger() 6T65Tg) <3]65>65Tg3)] 6)dlgLDIT65T 6 l 5 ) 61 £U_// 5 /<* 65 ) 6 )m//_ 0 , rBLDLDITSV £^[53, a 6T65IILD 
variable-si) G&LE}d,3)] 6 i 5 )/_ (LpL^iL/Lb. ^grrsugg a-65)6udi Ggrrugg^] 6g(r^ qshsifl 

65 ) 61 /<* 0 / 6 l 5 )/J_(/ 5 ), hurr\ar\-65T U<555TLI3iSYT LDprULD Q&UJ60Urr($)3,6fTl65I QUUJ{j&65)6frd G <S IT (/J)<* 0 / 

uevQsugg 6£<*<* <5 <* 61 / si) asm sit G><*/_/5)<*0/ r43 655)i 3;6VTTLb. 


Encapsulation: 

£g )/50 a-6U[T65I§] human-657 <J>/65)637<*0/ 6)513j LD IT 65T G)3 : UJ6VU / 7 (J) <£65)Sim/ LD, ^ 655)! (&>&!6ST(T) 
SH§h3,rT[J3,65)3,U Gluing}] G3 : UJ6VU (/J) 61 /G >0 Encapsulation* 6T65TUU(Gl-b. <3]3,rT6l]3)] 
6rrhjQ3i6V6vrTLt) print a 6T65Td Q^rT^dQQfDrrQLDrr, ^(hiQ&sbsvrrLb ^]^isv 

^LSld&UULGQshsrT <3l<55>65TJ£3f] LD^lLJL/GI^LD Q 61 / SlflUU® LD. £g)/ 50 3 " <^ 6970 / ObjeCt- 69 T 
LD g}] 61 / Lg 6U LD IT3> G 3 UJ si) U ® 61 / <5 /Tsi), £g) 0 / 6£0 < 9770 /l/TSSW V 3 Ha ble-^<* <S 00 /j/_//_/ 7 /_Osi), 

Instance srsw^y ^eviLpd&uuQiiLb. Object-sw 6^0 lnstance-<* 0 /_o, ^^6sr Methods & 
Properties-<* 0 /i) ^shm^gtQsu "Encapsulation" ^ 0 /i). 


Inheritance: 

^ )uGurT(Lg3 y kid 6T65)I LD LDg)Gg)3(^ L/S^ILI Object" ®£> 5 _ 061 / *<*<*/_} (3 L// 7 ® Qg)[TLD. £g)0/7)06y7 

human-SOT /_/ 6397 L/<S 6 y 7 LDfDgyLD G3 : UJ6VUIT(1)13>((aTI)l _ 657 ( 3 . 97700 / /_/£^ 0 / 7 <* <* £)si) /_/ 6397 L/<* 6 Y 7 

LDJDg}] LD Gs 1 ^ 6V U IT(G3i65)6YTlLj LD (5<*/T/j/J <5/7)0, 

Class kid (import human) {school, class, cry(), shout()} s 7 s%/ O**®** 
GsuemQLb. Kid -<*0 s_ 06 i//r<*<*/j/j( 5 )/_D instance- ^/,si) kid & human stotj/ld ^rjem® 
objects-g>/iy/i) ^9i 6mi & (LpigiL/ ld. ^ggGsu Inheritance 6T6siuu(GLb. ^sijsung}] 

Gs : IU61]3,[D(3 ) L/^Sl)**, tlU 1713 n-<9506Y7 Gs : 65Ig}] £g)/50 L 7 /_/££) UJ U655TLj3>65)6fTlLILD, ^13,65)11—653 
^j65)655T3>3)] 6 )Sl I—6D nQ LD 6T65Tg}] firhl&m (3<*/_!_<*<*<%i.(/J)/_0. 61/61//7/7y gjlTLb G3 : luG>3,TTLDTT65TTT6V, 

6psirG6u it( g) (Lp65>g) human -<*0 instance-^* 5_06i// t<*0/_d(3l//7^//_d, GgesienudlsvsvrTg, 
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u<5mLi&(Qn)d(&)Lb G&rjjsg] memory <oTQ]d,^]dG]^nsh^Lb. <o7w(3<si/<5/7w Inheritance <o7w/d 

s^sirrn uiusirumdL^fD^ 


Polymorphism: 

Print 5+8 <oTssrd Q&rrQdi&fLbQurr&fi, 1 3 otct/lo ll^iulSIss)sst Qsusriluu(^^^]Lti. 
^I^jQsu Print '5+8' <o7w prun QairQ^^rrsv, 58 <oTgn//-Q ldG^ulSIgsxssi 
G lGUGiTluuQtBgfjLb. ^/^nsu^j Print <otssiild spGrr function, QsusijGsuqj s^^rhi^siflsv 

Q&uj<sbu(Ti)d,&,uu($)&>l65i(D6in. ^]^j(Ssu Polumorphism-<g5@ <sprr HdrorBg, rrrjsmLD ld. 
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12 Javascript Objects 


Javascript- si) iSIgstgu^ld ^jijGm(^) gugsi <s iunssr ^gytgytgitt. 


User defined objects 

/5/jd<95@<5 G&,g$)guuj[tg$i , r5rrG>LD s_0si/ rrd&ld Q^neh^Lb Object-^swg/, User 

defined object gtgstuuQild. 


new <oTg)//i) operator 6^0 li^Uli Object- 2_(ijGuiTd&u uujgsiuQild. dipd&GmL- 
2-g,nrj6m{£$5i<sv Var records = new object() gtgstu^gst ^lp<svld objectQ gtgvuld 
constructor-^/ ld^uli records gtg^iild variable-si) G^LSid^uu^Sip^j. 
gtgsiQgu ^j<ssfl reCOrds-/_D 6^0 object QurrGsiQfD Q&iLiGbuQbU-b. gtgsiQgu &,rrssi ^]^rD(^sh 
GiJS&rjujiTyd&uuLbQmm ld^Iulishstt^gsigsttb&jld var name, V 3 T age <oTG$rrQ] £g) svsvrTLDsb 
object-sw usmu^sh srsi/si/mry GUGS)[jujfQ]d3,uui_QGUGm(^]Qi_Dn ^gijguitqj 
G ussirTujQjd^uuLbi^GhsYT^j. records-®*^ G)&,m_rfr 5 &)i <spqT) qmeifi gs)gu^§] name, age 

< 57 go /ld ^)/jsw(5) UGmLj&srT 2_(Vj6iJrrd&uuLbQmmGm. Q^m^tjddunrrs, &LDd(&,rSlu5hd($i 

<3I3,G$T LD§)1 UL-l<3>((STI)LD GUGS)[JUJiryd&UU L_(p<Sy7WS37. ^^ITGU^J UGSSTLf^GfTlGSI Declaration 

LDinruLb Initialization G^Qrj (SrBrj^^lsv [BGini^QuiDQjGhGrT^j. iSlGSTGvrrf 

document.write frecords.name + records.age) GTGsid QanT^d^mQurTQ^GVGvmd, 

<3)G$)GU d,rTG5T QufDQjGLTGn LD^lLuSlGSIGST GlGUGfH U U ® £5 gjGU Gifted 3> IT G5ST 6V IT LD. 


<htnl> 

<head> 

<script type="text/javascript"> 

<! - - 

var records = new ObjectQ; 


55 




records.name = "Nithya"; 
records.age = 29; 

function attn(x, y){ 
this.name = x; 
this.status = y; 

} 

//--> 

</script> 

</head> 

<body> 

<script type="text/javascript"> 

document.write(records.name + records.age + "<br>"); 

var attendance = new attn("Madhan", "Present"); 
document.write(attendance.name + attendance.status + 

"<br>"); 

</script> 

</body> 

</html> _| 


view rawllser defined obiects.html hosted with by GitHub 


($)&,&,&, rra, 6^0 method-gc> <orsijsurTpj su s^rjiupjuu^j <oTssrpjLb QldQsv 
G]^ nQ]d^uuid(^shsn^]. ^)<5/d@lo new <oTOT)/lq Operator uujsstu(^ld. <head>- d(^srr 
attn. (otssiqj s^0 function suss)[jujpjd 3 ^uuLdQ]shsn§]. parameters-^® s^0 ^)&v 

LD{£luL/a&r>6n QuppjdQairTsrTi^Lb suem&udlsv <s&lsurhi^d)( d&j. ^susurrgn 
QujDQjdQairTsrTi^Lb LD^lun3,ss)sn ^prrx^sn su sm ij uj rry d a; ULud® men name, Status 
stssiild ^rrsm® usmLi&siflssT Ludhuurrg, Q®ffl/®®/@/n®/. su ^/siusifTp^iLb this.name , 
this.Status <oTssid G)3^rrQ]da,uuLLQ]shsn^]. <ajG)ssiss?l<sb function (oTssifD spssrp] 
ps$rsisfldsv>g : ujn& Q®u_/<si>/_//_®<®Ltij_u_/0/. Method srsiru^j Object-si/z_<s57 £g) 65)6^57750/ 
function-^ zf)0/ Q&ujsvuLd® sjGprr <spssiss)[D rffaLfipajjLD pssiss)LD 2_65)/_uj0/. stsktGsu 
£g)0/ Qurrssrp methods -657 uiussiunLdiprD&na, function- d@srr ^srrsn sns$)s$id,§]Lb this. 

6T657/7)7 0/61//E/® Gi SU Sm ® LD. 


<body>-®06viattendance otct/lq <2^0 object-^/,6570/ attn. method-®0 

0 sund&ULndQ)shsn§]. ^)[Bp object-g) 2 _ 06 i/ ndt&fLbGunGp supssr suL^hurra function- 
d(^err Q® 6 y/®®/_)/_//_ Gsusmipiu parameters-to Q®/ 7 ( 5 l®®/j/j/_!_(p 6 i 5 )/_!_/_ 6 S 7 . 
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attendance-^ G)^ni_rf[BSJ qsrrsifl sinsimethod.-« 0 OT su<ss)rrujfy]d3^uuLdL_ 

usmLj3,ss)snij utumuQ^tdl LD^lLiLi&Gsxsn Qsu&iflLju(y)^^]<su^] £g)/570 

Q a, rr(y)d s> u u id. ® srrmgy . 


^eiisurrQp spQjj user defined object-g si is$)[jujrryd,3y tyrnd uujssiuQ]d,^,<somb. 


Built-In Objects 

s^0 GIlditl^J 2_(]T)GLind3,ULj(d)LbGunG&, suss)[jujQjd3^uuQ)Qssi[Dss)su Built-In Objects 
<ormuu®Li. Javascript- eb Number, Boolean, Strings, Arrays, Date, Math & 
RegExp (Sumsiifo ugvG surry suisinaujmssT B U i 11-1 n Objects Objects 2_sy7wss7. ^Gu/nrfileir 
Properties LDronyu) Methods- ssr uiuGsiunQ&Gsxmd dQifi 3,rrsm<sonid>. 


<html> 

<head> 

<script type="text/javascript"> 

<! - - 

function al() 

{ 

document.write 

(Number.MAX_VALUE+'<br/>'+Number.MIN_VALUE+'<br/>'+Number.P0SITIVE_ 
INFINITY+'<br/>'+Number.NEGATIVE_INFINITY+'<br/> 1 
+Number.NaN+'<br/>' 

+Number. prototypen-' <br/>' 

+Number.constructor); 

} 

//--> 

</script> 

</head> 

<body> 

<form> 

<input type="button" value="Click Me" onclick="al();" /> 
</form> 
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</body> 

</html> 

view rawBuilt in obiecets numbers properties.html hosted with by GitHub 


<html> 

<head> 

</head> 

<body> 

<script type="text/javascript"> 

var nun=28542; 
document.write 

(num.toExponential()+'<br/>'+num.toExponential(5)+'<br/>'+num.toFix 
ed(2)+'<br/>'+num.toLocaleString()+'<br/>'+num.toPrecision(3)+'<br/ 
>'+num.toString(3)+'<br/>'+num.valueOf()+'<br/>') 

</script> 

</body> 

</html> 

view rawBuilt in objects_numbers_methods.html losted with by GitHub 


g)g/ Number <ot^jlL Object-^ Properties wjf>rurf> Methods 

Q&ujsvuQ&sirjDsm <oTsiru6v>g,d <s/7L_(/J)®/£)d£/. g)«r >;5 ^rhisnsfrrrQsvQuj Q&rrsnsn 

(LpLij-iLjLD. g) eijsurrQro Boolean, Strings, Arrays, Date, Math & RegExp QurrmjD 
ueveuprud^LD u<sbQsur^j suss)3,iun<ssi Properties LDpruLD Methods 2 sbsfT<osi. ^suinevin 

g) 6$)smiu^$£1 sir &js$)sm qpsvld QgpflrBgi Q&rrsnsasLjih. 
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13 Animation 


Animation srsiru^] Q&iusvui—d ^\iuthJ3,d3x^Lq.uj g-tsvrrsfilgisfrlsv 

ui_(h]3,6$)Gn 2_(r^surTd(^Sh5iTjD (Lpss)ro ^^rrsu&j rffsmGViurrg; ^(tydqjjLb <s^0 

ui—LDrrm&j ^ludia; ^tjLbiSl^&js&L-i—rrGb ^&jQsu animation <orssnju(^]Lb. 


dij)d&&mi_ 2_3,rT[j&mj£$5i6V "Move 1 inch" <oT<gy/_o Qun^^nssbssi lB§i Q^ni^id^LbQun^j 

dl6$)tTuSl<sb 2—ShstT Ul _ LDnSiT^I 6U6VULjd<3>LDrT<3> SpCJh (d£\6$ld IK&CJKLD SUSS)3,uSlsplli>, MOVe Tight 

<oTSS)iLb Qurr^^rresflm lS^j Q&rrQdqjjLbGurr&j < j >/( 3<5 ui—LDrrm&j (Lp(Lgsu^]LDrr3i 

«u 6 Vd)]LiiBd>§)l 6 V ^<95/7/5^/ Q< 95 / 7 <S 3 k( 3 /_ Q^sv&^jid susmgiudsvi ld rffrjsv 3 ierT<oT(Lg^uuLd(^srTsrTsm. 
Stop < 5 Tsirursarjrsg] Q&rrsmGL- Q&GVGyid ui_£5®r>d, r£lrr)]f5f5 2_<5si//_d <s^0 Qurr^rrsir 


<htnl> 

<head> 

<script type="text/javascript"> 

<! - - 

var imgObj = null; 
function init(){ 

imgObj = document.getElementById('mylmage'); 
ingObj.style.position= 'relative 1 ; 
imgObj.style.left = 'Qpx'; 

} 

function moveinch(){ 

imgObj.style.left = parselnt(img0bj.style.left) + 10 

+ ' px'; 

} 


function moveRight(){ 

imgObj.style.left = parselnt(img0bj.style.left) + 10 

+ 'px'; 

animate = setTimeout(moveRight,20); // call 
moveRight in 20msec 
} 
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function stop(){ 

clearTimeout(animate); 
ingObj.style.left = '0px'; 

} 

window.onload =init; 

//--> 

</script> 

</head> 

<body> 

<forn action="/cgi-bin/test.cgi" nane="nyForn" 
onsubnit="return(validate());"> 

<img id="mylmage" src="D:\JavaScript\imgl.png" /> 
<p>Click button below to move the image to right</p> 
<input type="button" value="Move 1 inch" 
onclick="moveinch();" /> 

<input type="button" value="Move right" 
onclick="moveRight();" /> 

<input type="button" value="Stop" onclick="stop();" /> 
</form> 

</body> 

</html> 

view rawAnimations.html hosted with by GitHub 
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14 jQuery - <^tj ^rSiop^iL 


jQuery <otssiu§] Javascript-®** s^LDiuLon^ 6 $) 6 ud,§] 2_0<si/ nd&uu /_!_/_ Framework 
^0/i). eurflsufhurrai rflrjsv&emm <6T(Lg^l Javascript Q^iuiLfid epQpdlsv Geusmevaieinm 

jQuery- ^<0370/ 3r6VULDrT3id Q&lUd)]6tfl($)Lti. <^ 0 / 761 / 0 / <S£0 Q 6U 65) 6V 65) ILI Q&lUGUg, {[)(&) udsot) 

L/<s<g5z_D/7<g5 javaSCript-si) rflrjsvaim Q^65)6 uuul^65t, ^ 65 > 6 U ^ssxssrfB&jLb jQuery-<J57 <s^0 

method-«0SY7-^//_/Ey®si5)i5iii). <otgsiQgu ^j>// 50 method-^* z_ol!_(5)lo ^ss)Lp^^i 

^ludShsmrrsv Qurr&jLDrresT&j. < k - 0 / ev <95 rffijsv s yTsj-00/ sfilrflGurrm Ggv&dsv^&dsyt Gl&iu&ij 
(LpLZj-d(&)Lb d]lT)UlS]65)65T jQuery Q/_//7JV®/£)0/. ^Igf] GUG$)<SOd,&,GfTU ud&[hl<3>61?l65T html 

G) LD/TL^IIL-I l _ 65T Gl&,m_[jLl(s>)3,n6$$T(G ^^ 65 TlS^J methods-®*) £g)U_/<S 061 / 0 <o 57 (¥£< 51)70 UUJ65Trf&6h 

6)51 (JJj LD L/ LD 7D/7/D/D/^<95<o5)<Sy7/#<95^00/®/D0/. £g)0/G><Sl/jQue Ty Qu[T65IfD Fr 3 meWOrkS-(oOT 
SdjBuiSlujsvLi ^0/i). 


SQL query-g»u uuj65Tu(j5)d>§5l 6 tuul^ /gooTomsi) r 5 LDd(&) (SeuemL^iu gjaeusvasinm 
database-si) g) 0 / 50 y Gufo^idG^neben (Lpi^u^QLDrr, ^eijeunGin jQuery- s$)iuu 
uiussiu(Gd,^, [ 5 L£>d(&) (Seuemuj-iu html tags-®** 6U6$xsod,&,6mj ud^rhi^e/H&Slq^rB^j [BLDLorrsv 
QufDQjdQairTGhm (LpL^iL/Lb. ^TmQeu^rrssr $]3>/D(&) jQuery srsmu Quiuijs)J[B^^J- ^6U6urr^j 

<oT(G d <95 LJU /_!_/_ tags-®*) /57D<950 6 l 5 ) 0 TO 7® UJ © 5)00 ^(Sli) LD /77D/D ( 3 <S 1 / /T £g)(7/<95 <95 G 61 / /T Q&IL1UJ6VrTLD. 


ct( 5 ) 00 /<s< 95 / 7 l_( 5)<950 s ^0 uda;d>& 5 l 65 T <P> tagS-« 0 < 5 Y 7 6 )J 65 )rTiu£ud&u u l 1 i_ 6 ufflg; 65 ) 6 n 
ldlGQld $ 6 V rfl/D < 6 T(Lg^^]d 3 i 6 rrl 6 V LDrrrDfD <si5 )0 z_dl5)<o5777<sil> ^fBfD&rrssT rffrjsvaeh iSlsmeuQ^LDrT^j 

<3165)LDlLjL£i. 
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<html> 

<head> 

<script 

src="https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/jquery.rnin. 
js"> 

</script> 

<script> 

jQuery(document).ready(function(){ 
jQuery("button").click(function(){ 

var x = jQuery("p"); 
x.css("color","blue"); 

}); 

}); 

</script> 

</head> 

<body> 

<p>Getting an identity is important</p> 

<button>Desired Changes</button> 

</body> 

</html> 


view rawOl iquerv sample.htmi hosted with by GitHub 
&rr$rr[T<oSsr QeuGfluunr®'. 


Getting an identity is important 


jQuery ipiDuQpGiluj LorrioiDLbl 


Getting an identity is important 
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$!jG£}ai&rT<zsT oSJeurdanil 


jQuery-tuTOOT^/ eruGun^jid <head>< 950 s/T 2 _sy 7 w<script> tag-<s0sir 

<oT(i£<5LV/_//_!_/iJ_0<950Z_O. (g£l&)G$T <3]Lb&lh]a,G$)6n [BLDg] pTOg T3 m-<si) UUJGSTU($){££{£ 

<su thj 06 i/^/D 0 (Lpssrssnj, jQuery CDN-®> ^)/s^ <script> tag ^Lpevid (Lp^&Slsv 
<g£i<s$xmrdg, QsusmQ)Lb. Google, Microsoft Guneh/nemeu £g) &,&,$$)3,iu CDNs (Content 
Delivery Network )-g> si/Lp/6/0®<o57®(o37. £g)/s/0 

u(L/gCT/jffl^@ti76Yr6y7 aiax.qooq[eapis.com/aiax/[ibs/iquerv/3.2.1/iquerv.min.is «t 

SS77J0/ google- SI//p/6/0®OT77D 6£<S577£)/70Z_O. 


Gw/oasmi— (orQ&j&jd&mGLq-sb <p> tags- agwGetting an identity is important 

67 go//i) si lift Qg,n($)dg,uuL-(Ti)Gk 6 fT& ) ]. jQuery("p") < 57 ssru^j <p> tags- agw 
suss)rnufQ]d^uuLGQ]shsnsu[Dss)fD er(^^^j X <otssiild variable-si) G^lE^^j 
ss)su^§]dG]3,nshS][D^]. /_S)s57w/rCSS() ere^iLD method ^Lpevid erehesi Q&luili Geuem®LD 
ereiru^] 6L/<s/5)t/y^^^/j/j(^®/D0/. <j>/<g/7si/0/ X~sv G&LEd&u LnEQeheneiifDenrD r§sv rffro^S^ev 

L£>nrD!QiGU&,?[)(&) X.CSS("color","blue") sissT/py Q&nQd&uuLhQehefTg)]. pmE 
rffs>Lpd>d) S1®0Z_DL//_0 LDrTJDfDLE 3 Tg U men ts-^/,.® SULpfEJ 3 iLJUlG(E)ehm^]. 


tprrssr ^\ss)eu ^ss)Ssr^ss)^iLfLb s£0 functionQ {—} -dt^eh ^TQ^^HLjehGenesT. iSlehemrj 
Desired Changes ere&uLb Qurr^^nesxesi Q&nQd^LbGuna)] {gjrstB function 

ujd&uu(j))id euemaiuSlsv ^^esxesr ^esMD^^jehGeneh. ^^rreu^j 

jQuery("button").click()-d50syyg)/5^ function-®? es)eu^§]ehGeneh. ejQesieEeb 
^uGurr^j^rreh S-td&enrreb ^rr^mjemL^rra, eruuLq. jQuery -ershm LDrrropLb 

Q&iutb&fi <er&S)nli ehl^^llurries)a, LuflrB^j Qa>rrehen (Lpispinid. euem 6 vd>a,enu udanDam^j 

(Lp (Lp) Sl/0y LDIT<3> load G)&IUUJULJlEL- iSl SSI SSI [j SS) eU G) LLI6V6V nLD Q&UJGVUI—JB §]SU[hl(^)Lb 

eu<es)^ud<sb, £g)«r>si/ ^jssxesi^^Lb jQuery(document).ready()-<s06/r 
QarrQdgiLjuLEQehenevfB <g5si/«jf)<s<ssiy/_o. ejQesresf]eh jQuery (Lp(Lpdai (LpQgdai 

html tags-^ <3Wpuuevi_iurra,d G)a,nem(Tj) ^jiufhi^eu^nsv, jQuery Q&iLnsvui—d, 
0 /S 1 // 5 / 0 S 10 /D 0 (LpSSTSSTj, £g)//0 html ud 3 ,[hi 3 , 6 Hrr<s$i§] ep(Lgthia^nesi (LpemroiunevT 

si//_?_6L/<o5)/_o/_j/_/<9>(ji0/ _ sir load Q&iLnuuuQeug)] ^eudlujid. eresiGeu^nesi ^emeu 

SH<s$xesid,&)]Lb document.ready()-<950S)T Q&nQd&uuLdQshsfTGSi. ^eheueneii^nehl 

^emeuGiu <3]ispuu6$)i_ujrr6$T eh) ey, turd a; eh. 
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(Sldsvild jQuery() < oTGSTU&J $ <5T&S)ILD (0 ^Lp<SV(LpLD U ($) LD. ^<5/761/0/ 

jQuery("p") (57 (o37 /_/ (o5)7f) $(”P") (oTSSI^JU) @nfluiSll—GVnLb. ^/si/Sl/ZlOff) jQueryC'p”) ^LpSVLD 
QurDuuQ)Lt) tagS-®£> s ^0 variable-si) iShsirexTrf .css() — gou 

uiu<siru(^^^jGu^fD(^u unisons, $("p").css ("color'V'blue") STSWffy/i) 0ff5)/j/_S)i_SD/7LD. 

^)ssf)si/0/_D <oT(^)^^]d3irTLL(^3ierrl6V ^gjQurrssrrr) ^ss)LDULi(Lpss)(D3,(Ssn 
u iu sstu g, u u l_ iq. <vj d @ ld . 
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15 jQuery - CSS - Animations 


Jquery CSS-g> 

CSS GTGSTU 0 / HTML QP&VLD 5 _ 0 Sl// 7 <®<g 5 /j/J( 5 )LO uda,th]3,GS)G[T (d£\GSTGS)ILb <S>]Lp(3) u($)&>d, 

2 _< 56 yih. GTQ-p^gjdgiGiflGST suss) 3 , 3 ,sn, rfl/DfrJ&sn, iSlGsrqro eusmsmrhjaisrT (SurrsirjD 

usvG)surry GUGS)S,iurrGST <3]L£(&) G^Gt^iurdaiGSiGn spqijGi&ij Q^rr^^^jd QarrQdgi £g)/ 5 <g 

css 2 _< 5 Siy/_o. "^/LpSiuj uda,[hia>sfTi6si QMfnrgj” <otg5iuG&, "Cascading style sheets" 

< gtgstu^gst j5l£)L prrdgiLt) ^(gjid. ^Gs>g,u ujdi^J (LpQ^Gsnmurrgi^ 

QamshGrr www.kaniyam.com/learn-css-in-tamil-ebook/ gtgsiild (Lp^Gurfissnu 
urrrjdgiG^Lti. ^j^QurrsirfD CSS UGmu&sdlm lB&j jQuery-<s<y)UJ GTGUGurTgn uiuGSTu(^)^^Gvm£i 

toTGsrg)] $)§>l< 5 V urrrjdaiGvrTLb. 

dipdg,GSSTL_ <oT($)d,a)]da,nLdL±<sb CSS UGSSTLgg^sh^ gstgst^^jlc) <Style> < oTssiild tdQ-d^m 
Guss)[jujfQ]d^uuLdQ)shGnGsi. ^]^j(Sgu CSS-®? (&)$ui5l($)Lb (Lpesi/D ^(^ld. jquery object- sir 

lS^J UlL16SIU($)d,g,ULl(Ti)Lb .css() GTGSTU§] 0fl5)zj/_S)zJ_Z_ UGSSTlSIgSiGST QsUGfflUU($)&,&, 2-£5<51ILb. 
SgsiiGunQfD .CSS()-d(&)<sh G)g,n($)da,ULi(Ti)Lb LD$dluLi&(<sri)d(§ gjjdu <3id){5 element-®? Lonror^l 
Sg<ss)L£>dg,Gi^Lb Q^iull/ld. <jy< 5 / 76 i/ 0 / ‘Getting value' gtgstu&,gst lS§] Q^ni^id^LbQun^i pi - 
gst lSIgstlip Gusmemid) QsuGifluui^iLDn^jLb, 'Setting value' -gst i£&ji Q&rrQdt&fLbGu n§] 

Pi -gst GT(LpT5§]dg;GrrlGST gul^guld ld rrrr }]ldttiqjld £g)/5/(3<95 rffrjsvgiGrT QgrrrQdgiuuLdQGrTGnGST. 


<html> 

<head> 

<style type="text/css"> 
#pl 

{ 

color: blue; 
background-color: pink; 
font-weight: bold; 

} 
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</style> 

<script src="https://ajax.googleapis.com/aj ax/libs/jquery/3.2.1/ 
jquery.nin.js"> 

</script> 

<script> 

$(document).ready(function(){ 

$("#1").click(function(){ 

alert ($("#pl").css("background-color")); 

}); 

$("#2").click(function(){ 

$("#pl").css("font","italic 14pt sans-serif"); 

}); 

}); 

</script> 

</head> 


<body> 

<p id='pl'>Getting an identity is important</p> 
<button id= 1 1'>Getting value</button> 

<button id= 1 2'>Setting value</button> 

</body> 

</html> 


view raw05_iquery_css.html hosted with by GitHub 


^rr^nuem QeuGtfluurT®: 


Getting an identity is important 


Getting value 


Setting value 
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Getting value-sir lE§i Q err® dSUssmeb QeueiftuuQsiJ^i: 


Getting an identity is il Thjs page says: 

Getting value Setting^ rgb(255,192, 203) 

OK 


Setting value-sir lB§i Q&rT®d£lesmeb LDtrtQjeugi: 


Getting an identity is important 

Getting value Setting value 


Jquery elements -sir g)tu/si %<s$)<str&> b <sfi)$Lb 


eusmev^^enu ud&thJ&srrlGV ^tud&thjgasmen ^(r^eund^eu^fo^Lb, ^euetSiiudg^djgasmen 
gismga.i_rrgid ginsmu^jn^Lb 2 _<ssiy/_o jquery methods-®? £g)/5t(g ansmevnid. dtpd&smL- 
erQ^g^dgitTL-Lq-ev spQjjdlev ^L^uusmi^iurTm ^jiudg,thtgiterij ld, <3i&>(Dg,rrs5T etS]endg,th]g,^n,Lb 
Qg>rr($)&g,ijuL-($)erTens$T. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/jquery.rnin. 
js"> 

</script> 

<script> 
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$(document).ready(function(){ 

$("button").click(function(){ 

$("#pl").hide(600); 

$("#p3").toggle("slow"); 

$("#fl").slideUp("slow"); 

$("#dvl").fadeOut("slow"); 

$("#dv2").fadeTo(400,0.5); 

$("#dv3").animate({"font-size" : "24pt"}, "slow"); 

}); 

}); 

</script> 

</head> 

<body> 

<p id='pl'>Getting an identity is important</p> 

<p id='p2'>Doing the right things at right time</p> 

<p id='p3'>Best things will always comes to you</p> 

<p id="p4">Big data is the emerging trend</p> 

<p id="p5">Data Science is different from Big data</p> 

<div id="dvl">You can feel the freedom everywhere</div> 
<div id='dv2'>win-win situation is not always possible in 
family world</div> 

<div id="dv3">Come out of the shell</div> 

<form id='f1' action=""> 

<input id="rl" type="radio" name="gender" 
value="female"> Female<br> 

<input id="r2" type="radio" name="gender" value="male"> 

Male<br> 

</form> 

<button>Desired Changes</button> 

</body> 

</html> 


view raw06_iquery_animations.css hosted with by GitHub 


rglpejtidamssT oSlendaih: 

hideQ pi -(oTssiild id-g><s (o)<s/7«ran_ si irflemuj LoeinpdSlp^j. 

Q<s/7(J)<g5<g5/j/j/_!_/_ 600 srsiru^] r5®ni_Qurri]Lb si5)<s<5S5i<5 Qm^surraid 

2_<5siy id. 
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toggle() (oTSmU^l LD<olT)£D' 9 i&> UUlLl _ G[G\T\Qf\t- SST ^ Lq_UUSS)I_U§ISV (LJj(o$T 65 )lLB lS)<3$TS3)l LD 

r5&rf<sug,rD(&) uiusiru(^Lb. £g)/5/@ p3-«h lS^j uiug$iu($)&,&,uul-L- toggle() -^ssi^ y pi 
LD6S)rodg;LjuLLL- iSlmmij <3]&>ssfU—{56$)&} 


slidellpO (oTSSIU^] Fl -6Tg)//j) /_/tg_61/<5«f><5 GLDfDLIpLDr 7<S /5<95/j<5^) LD(3DpdSlp^J. 


FadeOut() (oTSSTU^] dvl -<oTgg)/fi) element-^* Q^rr^^LD G)arr(<5Tjg : LDn& L£>[hJ 3 ,i±&,§] 

LDG$){Q3>§jIJD3)]- 


FadeTo(400,0.5) GTGSIU&J dv2 -OTg)//i) element-^ (^rfluiS) /J_z_ ^errsfilsv LDihJ&i^a,^ 

mrhjShu rffesxsvuSlsv ^ssn^dQfDgj. 


anirnateQ 3t<3stu^j [5nLDn& epQTj&GV ^)iud&rhi&<5v>6tT 6i/«r>/7u_//ry<95<95 2_<56i//_o method 

^, 0 ld . g)/6j@animate({"Font-size" : "24pt"}, "slow") <37 sir dv3 3T(Lgd>&)]d3,GfTl<S5I 

< 3 ]GfTG)S}s$)G$T QurflgjuQ^g, stilly sh mg]. ^ eijeurTgn Qufil&j rffaiLpsurrsm^j 

QlLD^isuns, r$aLp Geuemi^ud) 3 tgsiu<3$)&, slow 

&n$tTrj<om Qtoueifhjurr®: 

Gettmg an identity is important 

Doing the right thmgs at right tune 

Best thmgs will always comes to you 

Big data is the emerging trend 

Data Science is different from Big data 

You can feel the freedom everywhere 
win-wm situation is not always possible in family world 
Come out of the shell 
Female 
Male 

Desired Changes 
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jQuery qrjDuQ&Giliu LcrrfDfDLc: 


Doing the right tilings at right time 
Big data is the emerging trend 
Data Science is different from Big data 

win-win situation is not always possible in family world 

Come out of the shell 

Desired Changes 
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16 jQuery- eumeo^mu udmr£i&<siffl<sv 
2 -<sfr<str<sufD<sis)(D LDrrjBgjjpGV 


jQuery ^Lpsvid su&sxsv^^snu ud&rhjasrflGV 2 _ehsnsuif)&s)iT) LDrrroffl <jy<o5)/_o<s<95 (LpispiLiid. 

ui—rhiam, uLq.sudjaush, Q&iu&tlgusn Gumsirir) ^gsksstjb&j sfilgjLDrrm gS) sy, iud] a, <s$) smutd 

jQuery-pi/)SDLD ^ smi ajQsurr LDnjf>r^l < 3 ]G$)LDda>QGiirr (Lpupu-iLD. £g)«r>6i/ s^siiGlsurrssiQjLb 

s&sufjLDrr&d dQip QarrQdgiLjuL-Qmsnm. 


attr() opeoib usmq&G&m LDrrjof$uj<s8)LD^<s& 

jQuery ^LpsvLD (3^/5Q<5(5)<s<95/j/_//_!_/_ spQij object-g> attr() ergo/fii ussstlSIssi qpgvld rBmi) 

< 0 $QTjLDiSllLI SUSS)3,uS\<sb LOnpi$ ^jSS)L£>d3, (LpLZJ-IL/LD. dipd^SSSTL^ <oT®ggf]d&mdLJpGV "Modify 
Image" Qurrd,&,rr6$vs$i Q^rr^id^idQurr^i (SsuGlforr^ ui_ld ^hs^rjudlsv Glsusrfluu^LDrT^jLb, 

"Modify sizing” -gc> Q^ni^id^LbGun^i <sn&,<di d,sn<3 i&gvld LDiriQjLb Guem&udsviLb, 
"Remove sizing” —gc> Q^rr^id^idGun^i LbrrrDfDdi&sn d,[h](&)Lb GusmaudlGViLC) 

rflrjsvgisrT Q&rTQd&LjuLdQsrTmsm. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/jquery.nin. 
js"> 

</script> 

<script> 

$(document).ready(function(){ 

$("#1").click(function(){ 

$("#flowe r").a 11 r("s re","two.j pg"); 
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$("#2").click(function(){ 

$ 

("#flower").attr( {"src":"two.jpg","height":"100","width":"500"} ); 

}); 

$("#3").click(function(){ 

$("#flower").removeAttr("width height"); 

}); 

}); 

</script> 

</head> 

<body> 

cbutton id='1'>Modify Image</button> 

<button id='2'>Modify sizing</button> 
cbutton id='3'>Remove sizing</button> 

<ing id='flower' src="one.jpg"> 

</body> 

</htnl> 


view raw04 1 iquerv modify imaaes.html hosted with by GitHub 


1 67go/Lo Quiuj Glamsmi— "Modify Image” G)und,g,n6$)6si G)&n®d@Lb(]>Ljngf] 
flower <oT6$iiLb Quiuj Qamsmi— <img> tag-<s57 ^ pevLDrr <95 Qsur^j ui—LD 
G)&n®d&uuLd®6rT6rTgf]. £g)< 5 /r 5 @ attrQ function uujssiuiLQ)shsn^]. (oTssiQsu Modify 
Image STsirus^^d Qgrr^d^LbQurr^] <5 ?(d&,6$tQgu 2_shen ui_ld ld&s)it)[B rsmb 

(ol3HT(j))d)&}]GYTGTr tWO.jpg 67g0//j) Z_//_Z_0 Q^SSTUf^LD. 


< 3 IsiisunQfD 2 <oT6S)i ld Quiurf Glamsmi— "Modify sizing” G)und>&>n<o$)65i QgnQd^LbGun§] 

§d<5V>rju5]<SV 2-GnGfT UI_d,!f£l6SI <3I&GVLD LDITfJQJ LDn/Q] attr() £Lp6VLD l8<o 5$T(J)ILD LD§?lULI&6h 
Qg>rr($)d3,LjuLd($)6rTGfT65T. 


removeAttrfwidth height") <oT65IU§] UI_d,d?lG5I $6rTLD LDJDQJLD <3l&6VJ£§?l6V 
Q&iuiuuulIl- LDrr(f)(Dfds,ss)sn $dd) ^^ssxssr uss)Lpuj rffsm&vd^d Q<95/7<osk(/J)<si/0z_o. 3 stsqi ld 
Quiurf G)&>n<smL_ "Remove sizing" Qurr^^rrssxssi Q&rTQdtQLbGung)], £g)/ 5 <s ld/l/d/old 
rflgi(LpLb susmauSlsv rffrjsv Qs,rr(^]dg,ijuLd(^\snsn§ t i. 
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&rrebrrtj6m QsijefihjurrQl 



Modify lmage-g? Qgn^idSiesrmsb <5 j/du®ld umjDjDLDi 


Modfy Irrugo Moat* *crg Rtmo.t n:>r»; 

Modify sizing-^ Q&rTQd&lesrrreb v/duQild LDrrjDJDLDl 




text() <SH<sb<sv§j html( ) Qp gold COntent-go ld ntjoj^hu gs) ld^^go 

jQuery object- sir lS^i .text() ^tsstq] G)arr®£i 5 rT<sv text content-zi), .html() 

< oTsirfru Q<s/r(zJ)<5<5/7<si> sir html COntent-zi) Ghsueifluu^iLb. <j>/QlZ6lz/7(3/d .text(" ******* 
")-d(&)6rT [Brnb Q&rT®d(&)Lb Gfilsy,ujj£<5v>g, <^>// 5 <g jquery object-<sw lS^j LDirrorfl sHG$)LDd(&)Lb. 
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.html(" ******* ")-d(&,sh Q^n^t^^nsb, html QLDnLfiluSlm 

^ij^^thJ3,ss)snij LifirB&jQ&rrGm® ^^ssruLq. mn/Di $ c 9 / ot )/_ d < s @/_ d . 

dipd3,sssTL_ <oT@pg]d3;mlL±6v <b>All the glitters are not gold </b> -Famous 
proverb (orssiu^j text( )-d(&,sh Q&nQd&uuQLb (Sung] ^uuLij.(Suj ^l&nrjudsv 

Qlsusdluui^sus^^iLjLb, ^ssi-sGuj html( )-d(&)6rr G)s,rr(^^rTsb <b> </b>- sirs>trj{53){5®s)3)U 
nfirB&jQ&rrGm® Gl&rrQd&LjuidL- si irflemu Glurfhu <oT(Lg^^]d3ierrlsv 

G]susduu(^]^^isuss)^iLiLb aimsmevmd. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/jquery.nin. 
js"> 

</script> 

<script> 

$(document).ready(function(){ 

$("#1").click(function(){ 
alert ( $("#01").text() ); 
alert ( $("#01") .htmlQ ); 

}); 

$("#2").click(function(){ 

$("#01").text("<b>All the glitters are not gold </b> - 
famous proverb"); 

}); 

$("#3").click(function(){ 

$("#01").html("<b>All the glitters are not gold </b> - 
famous proverb"); 

}); 

}); 

</script> 

</head> 

<body> 
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<p ld='01'> <t»All the world is a stage </t» -famous 

quote</p> 

<button id= 1 1'>Reading content - text & html</button> 
<button id= 1 2'>Modify content - text()</button> 
<button id= 1 3'>Modify content - html()</button> 
</body> 

</html> 


view raw04_2_iquery_modiFv text vs htmi.htmi hosted with by GitHub 


3=fT^rTuessr QeuefiuurT®'. 


All the world is a stage -famous quote 


Reading content - text & htrnl 


Modify content - text() 


Modify content - html() 


Reading content - text & html -g> Q^rr^dSiesrmsb Qeueif}uu(^<sij^i: 


' This page says: 
t All (he work) is a stage -famous quote 


x 


OK 


This page says. 

«b>AJI the world if a stage </b» -famous quote 

OK 


Modify Content - text() -go Q&rrQdSlesrrTeb iLrrrgieiJ&iil 


75 












b AIL ibt zbtrarii nre jlo<i fold b prtr.icrb 

heading curtert.-lert & hlml Modify EirtSert- Ick1|j Mod^y cwilenl-htrdO 


Modify Content - html() -go Q&rr(jj)d5il<ssTrT<ob ir>rr^i<su§i'. 


Ill 1 li c- jlimn jaiv ildI gold famDiu proverb 

contort - h?.1 4 hhml Modify content -iBSrtft Moot, o^frunl - (ifmlli 


Offset() fLpGOLL content-^ LDnrjD(r)j€><sb 

OFFset() sisstiLD method-^,«$ 7 ^yjQuery object- ^sv (^ffldauuQLb element 

GU<o$)<S03)3)GfTLj ud&J£§d<SV <97$U_//T<S <o775<5 5V) (StTiotTg/ <oT6$IUG$)3, pixel GU LZj-Sfil <SV 

QGUSlfkjuQ^&tlLb. oFFset({****, ***})- «0i5 w G)3,rr(pd3,iju(pLb LDSdun&^dQ) <5j(f)u 
element-^ £|)z_f_o Lonroj^kLiLb 3H6$)L£>d(3)Lb. 

dipd&GmL- <oT(pd,3)]d3,nLLL±<sb $("#dv 1 ")- <^<sb (^fSld3,UU(pLb element £g)/_ 0 / 

/J<g5<g5<5^)si5]0/5^y <5rsij<susns ly (olgrrssxsixsfilGV ^gytgyt^] ^rssrus^^iLiLb, QmirtLirD^^lsSlQ^rB^] 
(oTGlJGUtSrTGLI Q^n<oS)<SO<o^l<sb 2_6rT6fT3f] <57<o$TU<o$)3,IL-ILD pixel GULZj-GfilSV QSUGift UU ®J53f]LD . lS)<5$T<5KTrf 

3 \p&> element-^ {"leFt":50, "top": 100 } loTsiru3,{DG>3>jf)u LDn/orfy <j>/«r>z_o< 950 /_o. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/jquery.min. 
js"> 
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</script> 

<script> 

$(document).ready(function(){ 

$("#1").click(function(){ 

alert ($("#dvl") .offsetQ .left + + $ 

("#dvl").offset().top); 

}); 

$("#2").click(function(){ 

$("#dvl").offset({"left":5Q, "top":100}); 

}); 

}); 

</script> 

</head> 

<body> 

<div id="dvl">Come out of the shell</div> 

<button id= 1 1'>Reading the current position</button> 
<button id= 1 2'Modifying the position</button> 
</body> 

</html> 


view raw04_3_iquery_modiFy positions.html hosted with by GitHub 


err^rrijessr Qeue^uurrQtl 


Come out of the shell 


Reading the current position 

Modifying the position 





Reading the current position-^ Q&rr®d§iiGsrrT<sb QGu<sfi\uu(jji£§i<oi]§i'. 
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Com e out of the shell This page says: 
Reading the current positi 

8,8 


OK 


Modifying the position-^ Q&rrQidGilissrmsb inrrrD^ieu^il 



Reading the current position 

Modifying the position 



Come out of the shell 


val() QpGVLD UUf-GUrEI&eSXStT r£l[JLJLI£<sb 

val() <5j&s)iL-b method-^/,<537^/ sfilememuuu UL^surhi^srflsv Q&iLnuuuLbL- 

LD§)1 U L/3>63)677 Q 6U Slfl U U ($1 <5<5 5_<5(Siy®/D^/. <3l6ij6UnGrD Val(" ")~d(^6Y7 2-677677 LD G$ U /_/ 3,63) 677 
6)5)63376337U U LJ ULDj.6UThJ <95 6T7I637 LD i§) UL\ .SioW.® U LDj.6U LJ QU L_7!J_ <95 (SW, <506)7 Q^SOld^SljLb 

Q&ujQro&j. 

SdLpdaemL- 67<^]^&jd3,r7L-in.6b 1 6763) ild Qur7d>d,r763)637 Q&nQdi&fLbGun&j UL^eurhjai&iflsv 
[Br7Lb LJ,!j{5§>l Gl&lUTZ LD§>I LI L^ 37677 Q6U61?)LJU ($) LDT7QjLD , 2 6763)1LD GlU77LBLBTL63)637 

G)&n(j 5 d(&)Lb(])Ljngf] India, Green, male ^Sluj ld$bIuli& 677 uuj-eurd&e/ileti LDdblun&snna, 

LDHrorf)) <3]63)LDda;uLj(j5)LDr7iruLb rffrjsvsieh Q<s/7@<95<s/j/JL_(p6)T6y7w. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/jquery.rnin. 
js"> 

</script> 

<script> 

$(document).ready(function(){ 
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$("#1").click(function(){ 
alert ( $("#al").val() ); 
alert ( $("#a2").val() ); 
alert ( $("[name=gender]:checked").val() ); 

}); 

$("#2").click(function(){ 

$("#al").val("India"); 

$("#a2").val("Green"); 

$("input[name=gender]").val(["male"]); 

}); 


}); 

</script> 

</head> 


<body> 

<forn action=""> 

<input id="al" type="text" nane="address" value="Enter 
Address..."/> 

<select id="a2" nane="color" size="3"> 
<option>Red</option> 

<option>Green</option> 

<option>Blue</option> 

</select> 

<input id="rl" type="radio" name="gender" 
value="fenale"> Female 

<input id="r2" type="radio" name="gender" value="male"> 

Male 

</form> 

<button id= 1 1'>Reading the values</button> 

<button id= 1 2'>Modifying the values</button> 

</body> 

</html> 


view raw04 4 iquerv modify Forms.htmi hosted with by GitHub 


engnpism Qeue/Huurr^l 
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Enter Address... 


Red 

Green 

Blue 


Female Male 


Reading the values 


Modifying the values 


uiuasrijaieh Q&rrQd^Lh wSZiuLf&Gfr 



Red - 

Green 
Blue ▼ 

*#> Female Q Male 

40B. Krishnan Street 



Reading the values Modifying the values 



Reading the values-^ Q^rr^dSiesmeb Qgug^liu(^^§i<ou§i'. 


This page says: 

40B. Krishnan Street 40B, Krishnan Street 


Reading the values Mo 


£D<st><5<s Qprri—ijrBgi ld £ 5 ) l}l/<s sir Qsusufluut^iLb. 


Modifying the values-^ Q&rrQdSlasrmsb iDrrtDfgiGugn'. 
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Red 

Green 

Blue 

Female Male 

India 



Reading the values Modifying the values 



dataQ opooib comments-<spqfjffl<sv Gurfl& 65 )<srT ££j<o$)<omg,&i<sb 

data(" ")~d(&)6rT G)&n($)dg,uu($)Lb Gurfl&m spQjj popup Qurdi^. ^Lpsvid C 0 miTient-^/ ) <s <5 

G)g,s$ru®Lb. dLpdg,6$$TL_ sr^i^^jd^rndL^sv pi 67go//i) id-g><s G)a,n<s$$TL_ paragraph lS^j 
Q&rrQd^LCiGurTgi] Comments Glsuerrluu(^)LDrTQj rflrjsv&srr QarTQd&uuLdQsrTsnm. £g)/ 5 <s 

comments-^fflsrjy /jd«d/d(ip<sld/7<s Pi - siy/_<SOT ^6v>6mr5$5l(tyd^ ld. pi-«57/_&£/ 
Q&rrQd&GSTrTsb LDidt^Qm Q&jmuQid. 'Remove Comment' -sir lS^i 
Q&rrQdigjLbQurr&j pi - 61 //_<sot /_o<o5)/D(ip<sz_D/7<95 ^smsmrBtBl^d^LD Comments ^rhJ^LDrrgn 

rflrjGvgrsh <oT(Lg^uuLd(^)srT6rTsm. 


<htnl> 

<head> 

<script 

src="https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/jquery.nin. 
js"> 

</script> 

<script> 

$(document).ready(function(){ 
var a = { 

notel : "Ahhh gaaga gaagaa", 
note2 : "Adi sakka", 
toString : function () 

{ 

return this.notel + "\n" + this.note2; 

} 

}; 

$("#pl").data("notes",a); 

$("#pl").click(function(){ 

var b = $("#pl").data("notes"); 
alert ( b ); 
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— 

$("#1").click(function(){ 

$("#pl").removeData("notes"); 

}); 

}); 

</script> 

</head> 

<body> 

<p id='pi'>Finally the girl the one who is doing everything 
from the begining</p> 

cbutton id='1'>Remove connent</button> 

</body> 

</htnl> 


view raw04_5_iquery_modiFy_comments.htm[ hosted with by GitHub 


&n<£irtjGS5r QsueJUuurr®'. 


Fuiallv the girl the one who is doing everything from the begming 
Remove comment 


Finally the girl erasr^§ i<suibi@iL sufiuSlssr l£§j Q^irf^idSiesrireb Qgsiru®LD comment: 


Finally the girl the one w This page says: 

Remove comment Ahhh gaaga gaagaa 

Adi sakka 

OK 

Remove comment Qurr^^rrs^m Q&rrQdidiujiSisir Finally the girl otssls ^jeurhj^Lti 

si irfluSlffST lE&j Q&rrQd&lssrrrsb Q^siru(^<su^]‘. 
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Fuially the girl the one w This page says: 

Remove comment undefined 

OK 


<zu<oS)<sv£p<smj COntent-g? Lbirif)i)$l ili< str> ld&4><sv 

GU&r><5VJ5g6YTU ud&rhjgnsrflsv 2_<sy7w surjl&Gsxsn d(Lf)LDrr&, £g)i_/_o LDrrtDtDLb Q&iu^gv, 

l i$5liu Gurfia,6$)6fT ^sinsmJBfBGV, <5jrDa<5Kr(])Gij 2_shen sufi&Gsxsn rBaQGvQ^g] LSsm^rn 
^j&Dswr^^ev, 6£(rij@)GV sufi&Gsxsn fid^fSGV Qums-STfo usvQsu^j Qsu&rxsvai&sxsn Q&iusijg,/[)(&) 

s_<5siy/_D jQuery rnethods-g» £g)/5<5fj u^S^uSIgv urrrjd&GvrrLb. 


<htnl> 

<head> 

<script 

src=" https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/j query .rnin, 
js"> 

</script> 

<script> 

$(document).ready(function(){ 

$("button").click(function(){ 

$("#pl").before($("#p2")); 

$("<p>All the <i>leaves</i> are falling 
down</p>").insertBefore($("#p3")); 

$("#p3").clone().attr("id","abcd_copy").appendTo($ 

("#dvl")); 

$("#p4").wrap($("#p5")); 

$("#dv2").replaceWith($("#p5")); 

$("#fl").remove(); 

$( $.parseHTML("<i>All the leaves</i> are falling 
down") ).insertAfter($("#dv3")); 

}); 

}); 

</script> 

</head> 


<body> 
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<p id='pl'>Getting an identity is important</p> 

<p id='p2'>Doing the right things at right time</p> 

<p id='p3’>Best things will always cones to you</p> 

<p id="p4">Big data is the emerging trend</p> 

<p id="p5">Data Science is different from Big data</p> 

<div id="dvl">You can feel the freedom everywhere</div> 
<div id='dv2'>win-win situation is not always possible in 
family world</div> 

<div id="dv3">Come out of the shell</div> 

<form id='f1' action=""> 

<input id="rl" type="radio" name="gender" 
value="female"> Female<br> 

<input id="r2" type="radio" name="gender" value="male"> 

Male<br> 

</form> 

<button>Desired Changes</button> 

</body> 

</html> 


view raw04_6_iquery_modiFy_webcontent.html hosted with by GitHub 


rftrr<svidarT®sT aSI Girds iti. 


before() -^,ssr^j p 2 -sissyid id-®o<5 QarrsssrL- suflssnu pi -50 (y^ssissirrsb ^ssiLodSlp^j. 


insertBeFore() -^ssraj All the leaves are Falling down st^jlL q^iiu sufiemu p3- 

50 (Lpssissrrrsb ^ssisssrdSlp^j. £g][5a,u q^hu eufil luitsst^j $(" ") -d^srr &ng,rrrj<5m html 
tag-g> Q&rrQuutBm ^Lpsvid 0si//7<s<s/j/_/(£)to. 


Clone() -^ssraj p3 id-®£>5 GlarrsssrL. suiflssnu S-issiqiLirra, .attr() Qpsoid 

^3) sir id-®o ld/J_( 5)/-0 Lonror^l s)dl(^iSlp^j. sjQssrssDsb sp (5 rr id-si) rrsssr (/>) elements 

^)0L7/J0/ usv (&)Lpuurhig,GS)6H stiles)GfTGfi)d(&)Lb. iSlssrssrrf rB&QsvQd&uuLdL- suiflssnu dvl - 
<®0L7 lSIsstsstitsv appendTo() qpgvld <g£jSS)sssTd§>l(D3)]. 


wrap() srssrua y p4, p5 srssiiid ^{jsssTssii—qid s^ssirorra, ^jss>sssrdSlp^j. 
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replacewithQ <otssiu^i dv2-g» fidazisfiiid® p5-®o ^i—gSdsv ^e^LDdSip^j. 
^sijsurrru ^GftLDd&LjuQLbQurr&j p5-si//_sjf (S^rfrB^i p4 -ld ^/_/_o £)/_//£/si/« r><g 
<ssi/s5f)<95<95si//_o. ^jQssrssflsb $)3}/D(&) (LprBssi^iu surfluSlsv p4,p5 ^psmQLD wrap 

Q&iuiuuuL-i—Gia, $)3}JD(&>d 3,rrfjsmii) 


remove() -^sst^/ 




$.parseHTML("") —^ssi§] £g)d 5jn(g)6YT Q&nQd&UULdQekGfT ht\T\[-G)LDnLfludl<5V>6VTU 
Lirflrs&ijQ&iTem® Gmzj-<sfil<sv G)susnfluu(^^^jLb.$>( )-d(^sb parseHTML() 

sul^KSuj G)&n®d&nLD<sv QsuiqjQldssi G)&n($)d,G&,rTL£>n<s$in<sb All the leaves <oT6siild surf! 

z_d/_!_( p(3z_o Gieus/Huui^Lb. are falling down argo/zii si iff Gfii®uLd®Gtfi($iLb. ^<sv>su 
SH6$)65id,3)]Lb desired changes-^* Q&irQ^dSisvrnsv f 5 SS)i_G)ufQ]Lb. 


®j& 6 ir ffrr^rrrjem Qsueifluurr(^l 

Getting an identity is important 

Doing the right things at right time 

Best thmgs will always comes to you 

Big data is the emerging trend 

Data Science is different from Big data 

You can feel the freedom everywhere 
win-win situation is not always possible m family world 
Come out of the shell 
Female 
Male 

Desired Changes 


Desired Changes - g> Q&rr($idGi)<ssrmsb iurr^ieu^i'. 
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Doing the right things at right tune 
Getting an identity is important 
All the leaves are fallmg down 
Best thmgs will always comes to you 
Data Science is different from Big data 
You can feel the freedom everywhere 
Best thmgs will always comes to you 
Data Science is different from Big data 
Big data is the emerging trend 
Come out of the shell 


All the leaves are falling down Desired Changes 


86 







17 jQuery <s5i_/5g/ Q^gogvild oSlppanp 

GUGVIJUJfQI^Gb 


jQuery < 55 / / 5 ^/ (ol&svsgjLb « tS]^ss)^ LSlesTGuq^Lb ^usm® rfls&svaGiflsv GusmijujrrudasviTLb. 

•jQuery Object-*^® Guss)rrujQid3^uuidQ]GhGnGurDQid(^sh Q&svsvsv 

•jQuery Object-^/,® Guss)rnuQid3,uuidQ]GnGnGU[Dr^ssi ^LdQ^iu^l^snrra, 

^(VjuuGiJjDrrijdt&jm ai-pdf] Q&svsvsv 

$)[5$ g)/J-<S8ktf/D@i£ each() <oTss)iLb method uiussru(B)dlir)^j. 


jQuery Object-^® GUGnijujr!)jd&uuLl®etrGfTGiJjniI)]d(SjGfr Q&svsvsvl 


&n£nrj<5mLDn& jQuery object <oTG5irD®r>Lpd3,uu($)Lb $("p") stsstu^j 

GUG5)GVd>ff)GfTLj ud3>d>§>l SV 2-GrTGfT 6£ sil Q GU TT QT) <P> -gOlLjLb Q&SSTIT)] [BLCid(^ QsUGmL^UJ 

LDrrfDfDfhJSi&sxsn rffaiLp^^jLb. ^si/si/mry 3ii_rB^] Q^sv^jidQurr^] tbld^j G^Q^uu^^lfoQsiiDU, 
SpQTjdlSV <P>-g9d5 d,G)5l[j{5d)] GpQTjdlGV <P>-®£> Z_DL_(pZ_0 LDIT(T)(Q]GUSTUULL /_ <oTS$T(Q] ^jTB^U 
u(&)§?!uSlsv urrrjdgiLj QurrSlQprrLb. dLpd&GmL- sr(^]^ffjds,mdin.sv ^ss)ssr^ffj <p>-<s57 lS^]lc> 
LDTTfOJT) fhJ3iG5)GfT rffdiLp^^rTLDSV <S£0 iSlL_ L_ [fffD^^ISV 2-GYTGYT < P>-®£> Z-DL-(pZ-0 ffl«UL] 

Tfl/Df5§>i6V LDiTforoid Q&iuGijJBjD&rrm rflijsv Q®/7(p®®/j/j/_!_(pioiTiSY7gy. 


$("p”).each (function (index,element) 

{if ($(element).css ("color”) === "rgb(0, 191, 255)”) 
($(element).css ("color”,”rgb(255, 0, 0)”);} 

}h _ 
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$("p") <oTssiu§] jquery-ga <p>-®fr sul^KSuj ni—ddid Q^svspiLD. $("p").each() 

{.} (oTsiru^i < 3 ]r 53 ) Glsusifluu&ni_ujrT< 9 ,d (g^rSlu lSI id ®, s^suQsurrq^ 

O^md&d&lGpiLD (S^fT^&n&ns^nu rfl&Lpp&tiLD. ^j^ffx^srr s^0 FunctionQ {.} 

Q&nQd&uuLdQsnGng^. index,element ergn/Lo £g) rjem® parameters-®^ 

Q^msm^ishsn^j. lndex-<oT<SOT/j^/ <sn®d>3>®d>&> 3TLpfDd]s^)iuu^Lb, element (oTssiu^] 
&rLp/nd)u 5 )GV 2—sbsfr <P> -gaiL/LD (^f^ldSlp^j. ££)[5£5 function()-«0OT 

suss)rnurQ]d3,uuLdQ)sbsn iF-^/,<S 37 g/ mi^rr rffro^^lev ^shen <p>-®£> Lmd(£iLb d]<suuq rffro^^lev 
LDn/o/n 2_<56i//_D Q&niBGSxssiGftUJ rffaiLp^^jdljD^j. (otssiQsn^nssi 2M3,n rffjD^^leb 2 _<sy 7 w "Doing 
the right things at right time" <oT6$ru§] dlsuuq rffp^^lsv LDn^iLiehen^j. ^siisuntona, 
jQuery object-^<o 37 g/ <sy&,6si elements sul^KSuj ^jiurdSld Q^sv&^ld G)S)&,d,6$)3, [bldloitsv 
3,LdQ)uu(^]^^(SsurT l ld rr jdjdQ surr (LpL^iLfLb. 

jQuery Object -^<55 eues>!jujQid^uuLL®<ohefTeu!D(SlGsi 6 ?tp a-<srreiTeut!)!!)id( 3 jGrr azi—pgi 

Q&tsixsoed: 

disv 3 =LDiurhJ 3 isrrisv jQuery object-Ordered list, Unordered list 

( lurrssT(DSS)smurT3, ^q^ulSIsst, ^^sst SdLp sus^>/jiurudanjuLL^lsherT s^s^iurhjan^d^srr 
s^sijGlsurTsiTjDrraid Q^sst^j s^sijGlsurTQ^ Gfi)g,LDrrm LDrr(f)(Dthi3,ss)sn rffaiLp^^jsu^j <5 tuul q. <oTG$T(r)j 

urTrjd&GvrTLb. 


$("#beverages").attr ("type","circle") <oTmu§] beverages srgn/fi> id-®£><s QarremL- 
unordered Iist-«S7 d>Lp ^ehen<3i<5v><5KT£6v>g,iLiLb si//J_i_si/^_si/<5«n<5 (Lp6$i6$?](r)]d,dZl 
sufle^i^uui^i^^jSlp^j. $j&)rD(&) each() (oTsstu^i Q^&nsuudlsv&nsv. ^ssin<sb £g)«osi/ 
<3]G$)G5TfE>G$)fE>U-jLb 1.2.3 <oTgn//-Q STsm&srflsir^L^uusmi^uSlsv Gufflem&LjuQ^gjLjuL- 
Qsu<3m(^iG)LD(5isfJsv < 3 i&>rD(&) each() (oTsstu§] iSleirsuQ^LDnr^ uiumuQu). 


$("#beverages”).children().each ( function(i,x) {$ 
(x).text((i+1)+”.”+$(x).text());} ); 
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(Sldsvild $("li:first-child") (oTSSTU^l <li> -SV (Lp&,<S0nGU3,n3, 

sus^)[jiurQ]d3,uuL^Q]shsnsurD[^^iLb, $("li:first-child").next() (oTSSIU^i IJ655TI _ ITSU3)ITS, 

siJ<^[TUJir)id3,uuL^C^]shsnsijrr)r^<spiLb, $("li:first-child”).siblings() (oTssiu^] (Lp&,<sonGU6$)3, 

GfilLLQsfilL-® <3ig,siT&Lp g-snsn ^i&mmd&lGViLD, [Brnb (QvShjiShd® siren LDrrjDfDrhjm&nsnd 

Qniu^jshsn^j. ^siisunrona, jQuery object-«fr Slrp 2 _«h«fTGU/nir!)l 6 V [blcilditsv LDrTfnjBtzJ&smsnd 

Q&IUUJ (LpL^lLjLD. 


)<ss)su ^ss)SST^ss)^iLjLb 2 _shsni_ddhu sptvj sr(d)^^]d3imd(d) dQrp Q&rrQi 


<html> 

<head> 

<script 

src="https://ajax.googleapis.eom/ajax/libs/jquery/3.2.l/jquery.rnin. 
js"> 

</script> 

<script> 

$(document).ready(function(){ 

$("button").click(function(){ 

$("leverages").attr ("type","circle"); 

$("#beverages").children().each ( function(i,x) {$ 

(x).text((i+l)+"."+$(x).textQ);} ); 

$("li:first-child").css ("background-color","skyblue"); 

$("li:first-child").next().css ("color","red"); 

$("li:first-child").siblings().css ("background- 
color","lightgreen"); 

$("p").each (function (index,element) 

{if ($(element).css ("color") === "rgb(0, 191, 

255)") 

($(element).css ("color"rgb(255, 0, 0)");} 

}); 
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}); 

</script> 

</head> 

<body> 

<ul id='beverages'> 

<li>Coffee</li> 

<li>Tea</li> 

<li>Milk</li> 

</ul> 

<p style="color:rgb(Q, 191, 255)">Doing the right things at 
right time</p> 

<p>Best things will always cones to you</p> 

<button>Desired Changes</button> 

</body> 

</htnl> 


view raw03 iquerv traverse.html hosted with by GitHub 


&rT3)[TU68&r QeuefiuurT®'. 


• Coffee 

• Tea 

. Milk 


Best things will always comes to you 
Desired Changes 


Desired Changes-^ Q&rr®dGiimrT<sb <s, tjdu(SilL lditjdidia- 
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o 1 . Coffee 
o 2.Tea 
o 3 Milk 

Doing the right things at right tune 
Best tilings will always comes to you 
Desired Changes 
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(LpLSJ-(oll<o1S)[r 


fjflsb JavaScript, JQuery dairrm <s £0 <jy/) 5 )(xp<*z_o ldl-@(J>lci. ^jssxsu ujn/Sl 

^ememiu/stslsv uevGeurry um^rhjaner^Lt) 3,rrQemrrefri3,^n,Lb Qg$)I_&Qg$t(D6$t. ^Gu/nem/o 
Q^m^rfrB^] 3^/DQI, uevGeurr}] ^rr^emesr^en Ljifluj ^emesTGU^d^Lb GurrLp/B&j&Gn. 
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j$T<son§l[f!ujffim iSljD L£l<si rm[ T®:<9>m 


http://Freetamiiebooks.com/authors/nithvaduraisamv/ 


ETETfllU 

&)LS1l^1bTJ 


BIG DATA 


g>j. jgla,ujiT 


GlfflfllLI itflp 



Selenium 


| gl JgUJfT 


(.rerfluj djifil^lo) 

CSS 

srsxrJiu 

t\y?Q.L 

■ 


0)1. {Squill 

© 


OTcrfliu ^uSlL^leb 



g|. l£)gUJ(T 

•arfuno Qai«ftaS(9 



artu 

HTML 

^ £ 9 m> 


OTGlfllL) <£Li51y51sb 



gl. jSgiurr 

MrfKuib QcuafluS® 


OTGtfluJ ^LiSlL^ld) 

t\ 

MySQL. 

gj. ; 0 giijrT 
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6>6$sfluJLh 'glfDd&lll—GiSHSrr 


Q&rresxsv QfBfrd^ - Vision 


<5 l£1lP GlLDrTLfl LD/DJT)] LD £g)«$7<950(i£<S<Sio)T &mj[5&, QLDIL1 filar}GUSUMGSTT, aq^GrSlasrT LDfDQJLb 

^filG^^Q^rr^filaGYT, ^GS)GSTGU(i^d(^Lb <g 5 L_L_/D/D ^u emi daafisv dG$)i_d(3)Lb (a,Lp<sv 


uisssfl fj£i<sod( 9 } - Mission 


'Syfilsfikusv LDJDfQJL£i a^LpaLI (d)UITQJ)GYTIT 3)IT[J GUGUrf3 ff)<S0 G£UU, ^LSllfi QLD3ifiu51 GST 
UUJGSTU3(fi GUGYTrTGlJGlS)3, 2-jT)jfillju(fi'!53JGU3JLb, <3]G$)G$TT£3J ^filGlJTB Q<5/70f§)<95(«0LO, 

GUGnihJ3^n ,ld sudi^roro ^i Gmi dsiddGV gs)gstgu mdraid dlGDi^dsidQaujaGViLD. 


(J>LDID3GmL- Q3}lTG$)Gti (^3,33(3) , UGlStifl ^jGVd(^3GS)GYT Q[B3dd UlLIGtfsflda, 3G5$fl ILI id 
(SjQjyGiSlGSTij, aGmfhuid <3]fDd3Ldi_GS)GnGS)iijd> Q3,3i_didiLiGrT(J>Gn3id. aGstfliuid ^3,Lfisv 

aidifiGDriaGh GlGUGufludllfi^GV, FreeTamilEbooks.com ^Gn^filGV l£1gst^jjgv3gyt 

QGUGrrhidl(j})3,GV, 3,idl(Lpd33GTT aidi^firn QLDGsrQu3(3 ) id3GTT l iSIib GUGnihiaGn 2_(rijGiJ3d(3 ) 3,6V l 
^jGU3)IQ]d33G5T ^jG5)GSSTUJ GUGfTlhl3G$)GfTlj Qu Gmi 3GV, G)S\dd (3pGVld fBGU^filGV 

l£IG 5TG5)[TGV3Gts)GTr ( 3333 d ClGUGrrluSUfi^GV, aidi^ro/D QLDGsrQu3(3 ) id3i^3 ) d(^ li/jul/gdii 
fiaLpddaGn r5i_J53ii3,GV ^diu UG$tfl3G$)GfT Q3 gugu(Sgtt Glaiuiu 3Gssfliuid <3i(Dd3idi_G$)GfT 

^jjGUGST Gl3lLnLjLb. 
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G>Z_0/D<95<o5tfn_ UGffifl&GS) GTT <95<95 2-fhl3>6$)GfT f56$TG)3,rr6$)l_&,G$)6fT (3<SUSm(^)S](3fDrTLb. 

iSlsirsuQ^Lb surhj^ld 3,smdQsb ^th]&,sn rdsirQgimsini—gisinm Q&gvi&,&I i 

edibor@kaniyam.com s^0 LftssiGsn^&sb ^s^iuu Qsusmi^iSiQpnLb. 


iSlda; fbGsrtfy ! 


Kaniyam Foundation 

Account Number: 606101010050279 

Union Bank Of India 

West Tambaram, Chennai 

IFSC - UBIN0560618 
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